How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

React: Building Styles with CSS Modules

via LinkedIn Learning

Write review

No Longer Offered

Unihackers Ad

Launch Your Cybersecurity Career in 6 Months

Learn More → Coursera Ad

Launch a New Career with Certificates from Google, IBM & Microsoft

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn how to leverage CSS modules, components, grids, and more in this course designed for developers in the React community.

Syllabus

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

Taught by

Emmanuel Henri

Reviews

4.3 rating at LinkedIn Learning based on 29 ratings

Start your review of React: Building Styles with CSS Modules

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.