React: Building Styles with CSS Modules

Focused View

Emmanuel Henri

1:34:04

174 View

01 - Introduction

01 - Building a React site with CSS Modules.mp4

00:52

02 - Course prerequisites.mp4

00:46

02 - Setting Up

01 - React with CSS Modules without ejecting.mp4

04:43

02 - Clean up of your created file.mp4

04:26

03 - Basics of CSS Modules

01 - Introduction to CSS Modules.mp4

02:05

02 - Initial directory structure.mp4

07:54

03 - Add components to the app.mp4

04:51

04 - CSS syntax with the components.mp4

05:41

05 - Use composes to leverage other styles.mp4

09:42

06 - Set up your state and grid component.mp4

08:07

07 - Complete your grid item.mp4

10:15

04 - Interactions and Responsive Design

01 - Basic animation with CSS keyframes.mp4

02:58

02 - SVG loading with state.mp4

09:17

03 - Add final elements.mp4

11:47

04 - Media queries and combining styles.mp4

09:53

05 - Conclusion

01 - Next steps.mp4

00:47

Exercise Files

Ex_Files_React_Building_Styles_CSS_Modules.zip

Description

React styles and CSS styles haven't always agreed in the use of inline styling. As React development has grown, developers have figured out more and more ways of smoothly integrating and maintaining a style with their code. But with so many options, it may be confusing on where to get started, especially if you’ve worked with CSS on non-React-based projects. In this course, Emmanuel Henri brings some clarity to your options and introduces the concepts and syntax for CSS modules with React. Whether you need to style a React-based user interface or want to create dramatic animation, this course gives you the keys you need to build an attractive and maintainable style using React and CSS modules.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

CSS

Emmanuel Henri

Instructor's Courses

An executive with 20+ years of experience in programming, technology, product management, design and business. Published 100+ courses.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.