Setup React CSS Modules (with SASS, multiple classes and more)

In this tutorial I want to show you a few tips on how to setup modular scopes css along with setting up sass in a React project so that you can add css to components that don't clash with other components or global css, while also using sass syntax which lets you use global variables for colors, breakpoints etc. I also show you how to use multiple classes and import google fonts or Adobe typekit fonts in a react project.

CONNECT ON MY DISCORD:
Discord: discord

Twitter:Twitter: omarel
GitHub: https://github.com/oelbaga

0:00 intro
1:10 CSS Reset in React
1:50 Install Sass
3:30 Create SCSS Module file
4:50 (Selector Name error)
5:50 (Filename case sensitivity)
7:10 Multiple CSS module classes
8:47 Global variables
9:38 Global breakpoint mixin
11:54 importing Google Fonts/Adobe Fonts

#css #scss #react #webdevelopment

Get early access to my project/
A library of pre-built user interface layouts and components you can place on any react site: https://uiworkspace.com

Twitter:
Twitter: omarel

• #people_blogs
• #react
• #css_react
• #scss_in_react
• #css_modules_in_react
• #react_css_modules