React: Building Styles with CSS Modules

Offered By: LinkedIn Learning

Tags

React Courses Web Development Courses Responsive Design Courses Media Queries Courses Keyframes Courses CSS Animation Courses

Course Description

Overview

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

Related Courses

Introduction to ReactJS
Microsoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity