CSS Modules With React

Articles & Tutorials

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

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.