Reactにおける画面サイズ利用した非表示とcssを利用した非常時

Question

React.jsを利用してアプリを作成しています.
レスポンシブに対応しようと思っているのですが,cssを利用してコンポーネントを非表示する場合と
画面サイズを取得して取得した数値によって非表示する場合とでどちらの方がパフォーマンス上良いのでしょうか？

###やりたいこと
スマホ: ヘッダーを表示　サイトバー非表示
パソコン: ヘッダーを非表示　サイトバー表示

コード

// use css

const Sidever = styled.div`
  mix-width ~~ {
    display: none
  }
`

// use window size
 const [width, height = useWindowSize()
 return (
  width < iphone.width ? <Header> : <SideBar>
)