CSSもSassからCSS Modulesを経てstyled-componentsに移行中です。 今回は、「どうしてその技術を選んだか」という技術選定の経緯や、どのような規約で運用しているかをご紹介します！ なぜリプレースを始めたのか まず、CSSの技術選定に ...

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

Next.jsのCSS Modulesは、コンポーネントごとにスコープが分離されたスタイルを適用するための強力な機能です。 この機能により、スタイルの名前衝突を回避し、コンポーネントベースの開発を促進することができます。 CSS Modulesの基本的な使用方法は以下の ...

CSSの進化は速く、IEのサポートが終了してさらに速くなりました。現在はエバーグリーンのブラウザ（最新版に自動アップデートするブラウザ）となり、モダンCSSの新機能が今までよりもすぐに使用できるようになっています。 2024年、CSSの現状調査を ...

本教程主要参考阮一峰的博客教程，随着依赖库的更新，其中有部分配置有些变化 ...

You do not need to refer to the styles object every time you use a CSS Module. There is clear distinction between global CSS and CSS modules, e.g. The important metric here is the "Difference from the ...