CSS-in-JSの導入

[nobux42]

Emotion

• https://emotion.sh

[nobux42]

CSS-in-JS vs CSS Module

• CSS-in-JS
  • コンポーネント化が用意
  • themeによるカスタマイズ
  • 豊富なReact Componentと相性がいい
• CSS Module
  • 既存のフレームワークが使える(bootstrap, bulma, uikit)

CSS-in-JS

Emotion

• 先進的で今後は多く使われそう
• styleの合成などが柔軟
• css propを使って書くのがデフォルト

  styled-component

• 知名度が高く記事も多い
• styled を使って書くのがデフォルト

[nobux42]

css prop を使うには、react-script を eject して babel.rc をいじる必要があるのでやりたくない。

$ npm run eject