CSS Modules With React

Articles & Tutorials

How to use CSS Modules in React? (robinwieruch.de)
Oct 19, 2019
CSS Modules are one of the most popular ways for styling React components. Whether you are using only CSS or a more advanced pre-processor like SASS, it doesn't matter for CSS Modules: You can write all these styles in your style sheet files next to your React components.
How to add a CSS Modules Stylesheet to your React component in 4 simple steps (freecodecamp.org)
Jul 28, 2019
This can seem quite confusing at first, but really the process to implement CSS Modules can be simplified to just 4 steps, as demonstrated in the below example.
  • Holly Atkinson
create-react-app with CSS Modules (robinwieruch.de)
Oct 03, 2018
The article is a short how to use CSS Modules in your create-react-app application. It shows you how to setup CSS Modules, but also how to use it in your components.
How I integrated CSS Modules with SCSS into my React application (medium.freecodecamp.org)
Sep 23, 2018
I recently started on an Isomorphic React project. I wanted to use this opportunity to utilize tools that were on my “potential to use” list, and CSS Modules was one of them.
  • Max Goh

Video Guides & Talks

CSS Modules: Why are they great? (youtube.com)
Nov 10, 2019
Today we're talking about CSS Modules! Why are they great? Why are they cool? Why will you want to use them before the video is through?!
  • Harry Wolff
Watch an Amateur Spin Up a React + Babel + Webpack + CSS Modules Project (youtube.com)
Feb 25, 2019
Fair warning! This isn't a speedy, straightforward, expert-driven plow-through of how to set up these technologies. Although, by the end, we do successfully get it all going. This is about documenting the real-world experience of doing this kind of work. Some things work easily, some don't.
  • Chris Coyier
CSS Modules in 2 minutes (youtube.com)
Apr 18, 2018
CSS Modules are not my favorite, but they're pretty much the only option when you have a bunch of existing CSS that you want to make better.

Courses & Video Series

React: Building Styles with CSS Modules (lynda.com)
Sep 06, 2017
This course is designed for developers in the React community who are now seeking to leverage CSS modules, components, grids, and more.