Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the rocket domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /var/www/vhosts/tech-story.net/httpdocs/wp-includes/functions.php on line 6121
Complete Intro to React v6 – Frontend masters – Website

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

4.9/5 – (3584 points)

Leave a Comment

Your email address will not be published. Required fields are marked *