React初心者です。自分の理解のためにまとめてみます
- モダンJavaScriptの基本から始めるReact実践の教科書(https://www.sbcr.jp/product/4815610722/)
コンポーネントの定義方法・CSSをモジュール化するか・SCSS記法が使えるかとかで分類できる
コンポーネントの定義方法による分類
定義したCSSをコンポーネントに適用する
styleやclassなどに装飾を定義して、コンポーネントに割り当てていく方法
- inline styles
- CSS Modules
- Styled JSX
- Emotion
コンポーネントごと定義する
- Styled components
- Emotion
CSSをモジュール化するかしないか
モジュール化する(2つにファイルを分ける)
- CSS Modules
モジュール化しない(jsxファイルに記述する)
- その他
記法による分類
SCSS記法が使える
- CSS Modules
- styled components
- Emotion
SCSS記法が使えない
- styled JSX
JavaScriptのオブジェクトとして書く
- Inline styles
- Emotion