React Essential Training

Focused View

Eve Porcello

2:01:32

0 View

01 - Introduction

01 - Building modern user interfaces with React.mp4

00:46

02 - What you should know before watching this course.mp4

00:33

02 - 1. What Is React

01 - What is React.mp4

01:00

02 - Setting up Chrome tools for React.mp4

01:42

03 - Setting up Firefox DevTools for React.mp4

01:02

04 - Working with Visual Studio Code.mp4

03:08

03 - 2. Intro to React Elements

01 - Adding React to your project.mp4

04:07

02 - Creating React elements.mp4

01:01

03 - Refactoring elements using JSX.mp4

02:49

04 - Incorporating Babel.mp4

03:10

05 - Working with JSX syntax.mp4

02:05

04 - 3. React Components

01 - Creating a React component.mp4

03:14

02 - Adding component properties.mp4

03:23

03 - Working with lists.mp4

02:26

04 - Adding keys to list items.mp4

03:14

05 - Displaying images with React.mp4

02:59

06 - Using fragments.mp4

01:18

05 - 4. React State in the Component Tree

01 - Generating a project with Create React App.mp4

02:38

02 - Touring a Create React App project.mp4

04:24

03 - Destructuring arrays and objects.mp4

02:55

04 - Understanding the useState Hook.mp4

04:01

05 - Working with useEffect.mp4

02:20

06 - Understanding the dependency array.mp4

03:18

07 - Incorporating useReducer.mp4

03:44

06 - 5. Handling Forms in React

01 - Working with uncontrolled components.mp4

05:00

02 - Creating controlled form elements.mp4

03:01

03 - Building a custom Hook.mp4

05:13

04 - Choosing a form library.mp4

01:43

07 - 6. Asynchronous React

01 - Fetching data with Hooks.mp4

04:04

02 - Displaying data from an API.mp4

02:39

03 - Handling loading states.mp4

02:46

04 - Fetching data with GraphQL.mp4

04:43

05 - Working with render props.mp4

04:38

08 - 7. React Router

01 - Installing React Router v6.mp4

02:23

02 - Configuring the Router.mp4

03:33

03 - Incorporating the Link component.mp4

02:01

04 - Nesting links with React Router v6.mp4

02:29

09 - 8. React Testing and Deployment

01 - Using Create React App as a testing platform.mp4

01:01

02 - Testing small functions with Jest.mp4

03:47

03 - Introducing React Testing Library.mp4

02:54

04 - Testing events with React Testing Library.mp4

05:23

05 - Deploying to Netlify.mp4

01:56

10 - Conclusion

01 - Next steps.mp4

01:01

Description

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Eve Porcello

Instructor's Courses

Eve Porcello is the co-founder of Moon Highway, a curriculum development and training company based in Northern California. For almost a decade, she has taught JavaScript, GraphQL, and React training workshops to tech professionals around the world. She is the co-author of Learning React and Learning GraphQL from O’Reilly Media. You can follow her on Twitter @eveporcello or find her articles at www.moonhighway.com/articles.

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.