React Essential Training

Course details

In this course, software developer and instructor Eve Porcello highlights the latest techniques for building a React app from scratch. Learn how to create elements, write components, and use React hooks. Get familiar with libraries like Next and Vite, and discover the differences between React Server Components and Client Components. Find out how to use the latest tools, techniques, and patterns that will help futureproof applications and make them more scalable and performant. After watching the course, you will be able to start your own project from scratch, and you will also be able to jump into an existing React codebase and make an impact.

Concepts

0. Introduction

01 - Building modern user interfaces with React
02 - How to use Codespaces and what you should know

1. React Fundamentals

03 - What is React
04 - How React works
05 - Understanding the React compiler
06 - Setting up Chrome tools for React
07 - Working with VS Code

2. Creating React Elements

08 - Initializing a project with Vite
09 - Creating React elements
10 - Working with JSX syntax
11 - Creating a React component
12 - Adding component properties
13 - Destructuring component properties

3. Writing React Components

14 - Working with lists
15 - Adding keys to list items
16 - Displaying images with React
17 - Using Fragments

4. Handling State in a React Project

18 - Destructuring arrays
19 - Understanding the useState hook
20 - Toggling state with a button
21 - Handling state with nested components
22 - Managing state with useReducer
23 - Working with the useEffect hook

5. React Server Components

24 - Creating a project with Next.js
25 - Using the App Router
26 - Building a server component
27 - Challenge - Creating a route
28 - Solution - Creating a route

6. Asynchronous React in Next.js

29 - Fetching data in React applications
30 - Passing data as props
31 - Creating a client component
32 - Building a form
33 - Creating a server action

Conclusion

34 - Designing performant apps with React Server Components

React Essential Training

Authors

Eve Porcello