What is CSS Modules?
A CSS approach that automatically scopes class names to a specific component to prevent naming conflicts.
Why It Matters
CSS Modules let you use simple class names like .button without worrying about clashes with other components.
Real-World Example
Two components can both use a .title class, and CSS Modules ensures they do not conflict.
“Understanding terms like CSS Modules matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”
Related Terms
CSS-in-JS
A technique where CSS styles are written directly in JavaScript code alongside component logic.
Styled Components
A popular CSS-in-JS library that lets you write actual CSS syntax inside JavaScript components.
CSS
The language that controls how websites look, including colours, fonts, spacing, and layout
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
CSS
The language that controls how websites look, including colours, fonts, spacing, and layout
CSS-in-JS
A technique where CSS styles are written directly in JavaScript code alongside component logic.
Styled Components
A popular CSS-in-JS library that lets you write actual CSS syntax inside JavaScript components.
Frontend
The part of a website or app that users see and interact with directly
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage
Next.js
A framework built on React that adds features like page routing, server-side rendering, and API handling