React.js Essential Training

Focused View

Eve Porcello

1:49:31

153 View

01 - Introduction

01 - Building modern user interfaces with React.mp4

00:46

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

00:26

02 - What Is React

01 - What is React.mp4

01:00

02 - Setting up Chrome tools for React.mp4

01:23

03 - Setting up Firefox developer tools for React.mp4

01:21

03 - Intro to React Elements

01 - Installing Create React App.mp4

02:49

02 - Generating a project.mp4

02:39

03 - Creating React elements.mp4

03:52

04 - Refactoring elements using JSX.mp4

03:53

04 - React Components

01 - Creating a React component.mp4

04:24

02 - Adding component properties.mp4

04:11

03 - Working with lists.mp4

03:58

04 - Adding keys to list items.mp4

03:49

05 - Displaying images with React.mp4

03:16

06 - Using fragments.mp4

04:21

05 - React State in the Component Tree

01 - Conditional rendering.mp4

05:04

02 - Destructuring arrays and objects.mp4

03:58

03 - Understanding the useState Hook.mp4

05:42

04 - Working with useEffect.mp4

04:55

05 - Incorporating useReducer.mp4

05:05

06 - Asynchronous React

01 - Fetching data with Hooks.mp4

03:41

02 - Displaying data from an API.mp4

02:08

03 - Handling loading states.mp4

04:29

07 - React Testing

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

01:51

02 - Testing small functions with Jest.mp4

03:24

03 - Introducing React testing library.mp4

04:00

04 - Testing Hooks with React testing library.mp4

05:58

08 - React Router

01 - Installing React Router 6.mp4

02:44

02 - Configuring the router.mp4

05:01

03 - Incorporating the link component.mp4

04:31

04 - Nesting links with React Router 6.mp4

03:51

09 - Conclusion

01 - Next steps.mp4

01:01

Exercise Files

Ex_Files_React_2020_EssT.zip

Description

Among all other JavaScript libraries, React.js stands out. It relies on reusable components, not templates, for UI development, allowing developers to render views where data changes over time. React applications are more scalable and more maintainable, making developers more efficient and users more satisfied. In this course, Eve Porcello introduces the basics of the React library using the most modern syntax and best practices for creating React components. Along the way, learn how to set up Chrome tools for React; create new components; work with the built-in Hooks in React; use the Create React App to run tests, and more. By the end of the course, you'll be armed with the essentials of React.js and better prepared to build your own browser-based projects.

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.