React: Building Styles with CSS Modules

Learn how to leverage CSS modules, components, grids, and more in this course designed for developers in the React community.

Introduction

• Building a React site with CSS Modules
• Course prerequisites

1. Setting Up

• React with CSS Modules without ejecting
• Clean up of your created file

2. Basics of CSS Modules

• Introduction to CSS Modules
• Initial directory structure
• Add components to the app
• CSS syntax with the components
• Use composes to leverage other styles
• Set up your state and grid component
• Complete your grid item

3. Interactions and Responsive Design

• Basic animation with CSS keyframes
• SVG loading with state
• Add final elements
• Media queries and combining styles

Conclusion

• Next steps