React with Styled Components

Course details

Are you looking to build dynamic and powerful web applications with react? This hands-on introductory course on React and styled components provides a comprehensive foundation for you to understand and apply key concepts, from the fundamentals of React and component development to advanced styling techniques using styled components. Instructor and web developer Julia Dyck also explores topics like JSX syntax and the intricacies of dynamic data rendering. Check out this course to start your journey toward building dynamic and visually appealing web applications.

Concepts

0. Introduction

01 - React with styled components
02 - What you should know
03 - Using GitHub Codespaces

1. React, Components, and JSX

04 - Introduction to React
05 - Introduction to components
06 - Introduction to JSX syntax
07 - Rendering dynamic data
08 - Challenge - JSX syntax to HTML
09 - Solution - JSX syntax to HTML

2. React Modules

10 - Setting up an app
11 - Importing and exporting
12 - Challenge - Create a React app
13 - Solution - Create a React app

3. React Props

14 - Introduction to props
15 - Managing props and state
16 - Working with dynamic data
17 - Map for dynamic rendering
18 - Challenge - Render with map
19 - Solution - Render with map

4. Styled Components

20 - Styled components - Tagged template literals
21 - Global styles
22 - Challenge - Style a React app
23 - Solution - Style a React app

Conclusion

24 - Next steps