React Essential Training

Focused View

Eve Porcello

1:45:39

0 View

01 - Introduction

01 - Building modern user interfaces with React.mp4

00:37

02 - How to use Codespaces and what you should know.mp4

02:10

02 - 1. React Fundamentals

01 - What is React.mp4

01:00

02 - How React works.mp4

01:59

03 - Understanding the React compiler.mp4

02:10

04 - Setting up Chrome tools for React.mp4

01:57

05 - Working with VS Code.mp4

02:30

03 - 2. Creating React Elements

01 - Initializing a project with Vite.mp4

03:14

02 - Creating React elements.mp4

02:52

03 - Working with JSX syntax.mp4

02:05

04 - Creating a React component.mp4

03:38

05 - Adding component properties.mp4

03:23

06 - Destructuring component properties.mp4

01:14

04 - 3. Writing React Components

01 - Working with lists.mp4

03:19

02 - Adding keys to list items.mp4

03:24

03 - Displaying images with React.mp4

02:45

04 - Using Fragments.mp4

03:30

05 - 4. Handling State in a React Project

01 - Destructuring arrays.mp4

02:33

02 - Understanding the useState hook.mp4

04:15

03 - Toggling state with a button.mp4

02:38

04 - Handling state with nested components.mp4

04:21

05 - Managing state with useReducer.mp4

02:36

06 - Working with the useEffect hook.mp4

03:05

06 - 5. React Server Components

01 - Creating a project with Next.js.mp4

03:51

02 - Using the App Router.mp4

04:17

03 - Building a server component.mp4

05:16

04 - Challenge Creating a route.mp4

00:49

05 - Solution Creating a route.mp4

02:38

07 - 6. Asynchronous React in Next.js

01 - Fetching data in React applications.mp4

04:37

02 - Passing data as props.mp4

05:55

03 - Creating a client component.mp4

05:03

04 - Building a form.mp4

06:11

05 - Creating a server action.mp4

04:11

08 - Conclusion

01 - Designing performant apps with React Server Components.mp4

01:36

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.