2020-07-04
やること宣言
gaaamii.icon
勉強中メモ
gaaamii.icon
だいぶ量があるので、一つずつやっていくのは気が進まない
けど、やるしかないのか。
code:CSS Modulesの場合.css
.root {
padding: 16px;
}
code:styled-componentsの場合.tsx
const Root = styled.section`
padding: 16px;
`
みたいになる。
SASSの変数とか使っている箇所はどうすればいいか?
最終的な決定としてはこの機会に Scss の資産をすべて放棄して、styled-components に適したやり方で色などを管理していこうとなりました。styld-componets はテーマによってスタイルを変更する機能を持っているので、テーマとして扱っていくことにしました。
なるほどのう。
変数なんかはJSの定数に変換しておいて、それぞれのコンポーネントのスタイル定義はいちからstyled-componentsで書いていくという感じか。
やったこと
gaaamii.icon
CSS Modulesからの乗り換え先どうしようかなー、ふむーん、と悩んでいた(答えは出ていない)