概要 React で CSS をゴリゴリ記述したく, Open Props + CSS Modules の構成を組んだ備忘録です. Open Props は CSS の多様な変数やカスタムメディアクエリ等を提供してくれるライブラリであり, デザインの統一性を保ったり, 記述の煩雑さを低減してくれます. CSS Modules は CSS をスコープ化し, CSS Class 名の衝突などを防いでくれます. これらを利用していくことで, 効率的に Component 向けの CSS を書いていくことができます. しかし, CSS Modules はそれ単体では型情報がなかったり, Open Props はカスタムメディアクエリの利用にプラグインの導入が必要だったりと迷いポイントがじんわりあります. TypeScript や PostCSS のプラグインを利用して, これらを解消しつつ, 快適