Complete Intro to React v6 – Frontend masters

Description

Complete Intro to React, v6 is a complete React v6 training course. In this course you will learn to build real-world applications using modern React. We will start from the basics and use the latest features in React including hooks, effects, context and portals. During this course, we will put together different tools from the entire React ecosystem (such as Parcel, ESLint, Prettier and React Router) to build an application.

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

• Working with vanilla component, benefits and question answers about it
• Working with JavaScript tools such as npm, Prettier, ESLint, Git, Parcel and Babel
• The main topics of React include JSX, ESLint & React, Hooks and so on
• React capabilities
• React tools

Course details:

Publisher: FrontendMasters
teacher: Brian Holt
English language
Training level: introductory to advanced
Number of courses: 41
Duration: 5 hours and 41 minutes

Course topics:

Introduction

Introduction (00:00:00 – 00:07:51)
Who is this Course For (00:07:52 – 00:14:13)

No Frills React

Including Vanilla React & 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)
Props (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)
Git (01:09:46 – 01:11:53)
Parcel (01:11:54 – 01:19:36)
Babel (01:19:37 – 01:28:58)

Core React Concepts

JSX (01:28:59 – 01:36:51)
ESLint & React (01:36:52 – 01:44:20)
Hooks (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 & Breed Selector Hooks (02:08:16 – 02:20:15)
Hooks Q&A (02:20:16 – 02:24:38)
useEffect & Fetching API Data (02:24:39 – 02:41:51)
Custom Hooks (02:41:52 – 02:57:05)
User Input Handling (02:57:06 – 03:03:19)
Component Composition (03:03:20 – 03:13:56)
Refactoring the Pet Component (03:13:57 – 03:20:39)
Dev Environment (03:20:40 – 03:25:58)
Strict Mode (03:25:59 – 03:29:20)
React Dev Tools (03:29:21 – 03:33:17)

React Capabilities

React 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)
Loading State & Lifecycle Methods (04:03:43 – 04:07:43)
Class Properties (04:07:44 – 04:13:45)
Manage State in a Class Component (04:13:46 – 04:25:45)
Interactive Class Component (04:25:46 – 04:31:38)

Special Case React Tools

Error Boundaries (04:31:39 – 04:43:05)
Redirect on Error (04:43:06 – 04:47:59)
Context (04:48:00 – 04:55:22)
Implementing ThemeContext and Q&A (04:55:23 – 05:09:23)
Portals, Refs, and Q&A (05:09:24 – 05:21:08)
Implementing Modals (05:21:09 – 05:29:00)

Wrapping up

Wrapping Up (05:29:01 – 05:41:45)

Course prerequisites:

Pictures

Sample video

Installation guide

After Extract, view with your favorite Player.

English subtitle

Quality: 1080p

Attention: To download the project files in the course, use the GitHub link in the Readme.txt file.

download link

Download part 1 – 1 GB

Download part 2 – 872 MB

Password file(s): www.downloadly.ir

Size

1.9 GB