CSS Modules（CSSモジュール） とは、各CSSクラスを 自動的にユニークなスコープ（名前空間）に変換 することで、スタイルの衝突を防ぐ仕組みです。 同じ .button というクラスを複数のコンポーネントで使っても、完全に隔離されるため衝突しません。 大規模 ...

技術スタックの一新で CSS Modules で記述していた部分を CSS in JS に置き換えた。 いずれにしても React コンポーネントも書き換える必要があり、そのまま CSS Modules を利用する大きなメリットはなかったため、再考の余地があった。 CSS Modules とは CSS Modulesは、JS ...

RadiumだとTestModeがあり、clearState, enable, disableなどのメソッドを使用してテスト中の内部状態や動作を制御できます。 実際のコードは、media-query-test.jsで見つけることができます。 まとめ CSS-in-JSは、JavaScriptを使ってアプリケーションをスタイルするための ...