Frontend masters – Complete Intro to React v6 2021-5 – Full Version

Description

Complete Intro to React, v6, is a comprehensive React v6 training course. In this course, you will learn how to build real-world applications using Modern React. We’ll start with the basics and use the latest React features, including hooks, effects, context, and portals. During this period, we gather various tools from the React ecosystem (such as Parcel, ESLint, Prettier and React Router) to create an application.

What you will learn in the Complete Intro to React, v6 course:

Working with the vanilla component, the advantages and answers to questions in this case
Work with JavaScript tools like npm, Prettier, ESLint, Git, Parcel and Babel
Core React topics include JSX, ESLint & React, Hooks and others
Response capabilities
Reaction tools

Course details:

Publisher: Frontend Masters
Instructor: Brian Holt
French language
Level: Advanced to Advanced
Number of lessons: 41
Duration: 5 hours and 41 minutes

Course topics:

Introduction

Presentation (00:00:00 – 00:07:51)
Who is this course for (00:07:52 – 00:14:13)

React without frills

Including Vanilla React and project setup (00:14:14 – 00:22:11)
Your first Vanilla React component (00:22:12 – 00:30:56)
Components and Q&A (00:30:57 – 00:39:46)
Accessories (00:39:47 – 00:46:00)

JavaScript tools

npm (00:46:01 – 00:49:33)
Prettier (00:49:34 – 01:00:57)
ESLint (01:00:58 – 01:09:45)
Cottage (01:09:46 – 01:11:53)
Parcel (01:11:54 – 01:19:36)
Babel (01:19:37 – 01:28:58)

Basic Reaction Concepts

JSX (01:28:59 – 01:36:51)
ESLint & React (01:36:52 – 01:44:20)
Brackets (01:44:21 – 01:56:04)
Rules of Hooks and Q&A (01:56:05 – 02:03:29)
ESLint & Hooks (02:03:30 – 02:08:15)
Animal and breed selection hooks (02:08:16 – 02:20:15)
Questions and Answers on Hooks (02:20:16 – 02:24:38)
useEffect & API Data Fetch (02:24:39 – 02:41:51)
Custom hooks (02:41:52 – 02:57:05)
Handling User Input (02:57:06 – 03:03:19)
Composition of components (03:03:20 – 03:13:56)
Pet component refactoring (03:13:57 – 03:20:39)
Development environment (03:20:40 – 03:25:58)
Strict mode (03:25:59 – 03:29:20)
React Developer Tools (03:29:21 – 03:33:17)

Response capabilities

Reactive Router Route (03:33:18 – 03:42:56)
React Router Link Tag (03:42:57 – 03:46:36)
Class components (03:46:37 – 04:03:42)
Load Status and Lifecycle Methods (04:03:43 – 04:07:43)
Class properties (04:07:44 – 04:13:45)
Managing state in a class component (04:13:46 – 04:25:45)
Interactive class component (04:25:46 – 04:31:38)

Special case reaction tools

Error limits (04:31:39 – 04:43:05)
Redirection on error (04:43:06 – 04:47:59)
Context (04:48:00 – 04:55:22)
ThemeContext implementation and Q&A (04:55:23 – 05:09:23)
Portals, References and Q&A (05:09:24 – 05:21:08)
Methods of implementation (05:21:09 – 05:29:00)

Wrap

Conclusion (05:29:01 – 05:41:45)

Course prerequisites:

Pictures

Complete introduction to React, v6

sample movie

Installation guide

After ripping, watch with your favorite player.

english subtitle

Quality: 1080p

To note: To upload project files to the course, use the GateHub link in the Readme.txt file.