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

10月に入社しました、外崎（とのさき）と申します。 業務や個人開発など普段からNext.js(React)に触れておりますが、UIライブラリやCSSフレームワーク等のスタイリングの選択肢が多く、日々迷うことがあります。 私と同様に、スタイリングのベスト ...

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

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