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

Qlip（株式会社クリップ）のフロントエンドエンジニアの岡田です。 案件でAstroを使う中で、astro構文とtsx + CSS Modulesの両方に触れる機会がありました。 どちらの構成で組むべきか、場面によって迷うこともあるかと思います。 この記事では、実際の開発体験 ...

Next.jsで学ぶReact講座 #5: CSS Modulesを使うとCSSの管理が楽になる CSS Modulesを活用することで、スタイルのスコープが明確になり、複数のコンポーネントでのスタイルの衝突を防ぎます。この講座では、Next.jsでのCSS Modulesの基本的な使い方と、効率的にCSSを管理 ...

Normally you need to use a strict naming convention like BEM to ensure that one component's CSS doesn't collide with another's. CSS Modules are locally scoped, which allows you to use names that are ...

What are CSS Modules? "A CSS Module is a CSS file in which all class names and animation names are scoped locally by default." - CSS modules github Why use CSS Modules? In short, you can separate your ...