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

Introduction

React with styled components
What you should know
Using GitHub Codespaces

React, Components, and JSX

Introduction to React
Introduction to components
Introduction to JSX syntax
Rendering dynamic data
Challenge - JSX syntax to HTML
Solution - JSX syntax to HTML

React Modules

Setting up an app
Importing and exporting
Challenge - Create a React app
Solution - Create a React app

React Props

Introduction to props
Managing props and state
Working with dynamic data
Map for dynamic rendering
Challenge - Render with map
Solution - Render with map

Styled Components

Styled components - Tagged template literals
Global styles
Challenge - Style a React app
Solution - Style a React app

Conclusion

Next steps