Frontend masters - Intermediate React, v3 2021-5
React

Frontend masters – Intermediate React, v3 2021-5

Description

Intermediate React, v3 is a training course for building React programs using the latest tools and techniques in the React ecosystem. This is a modular course and you can select and learn about different react ecosystems. You will also learn a number of things in this course: you will use CSS-in-JS with TailwindCSS, you will improve performance by batching code and server-side rendering, adding TypeScript to your project, status management Using Redux, and testing your program.

What you will learn in Intermediate React, v3:

  • Familiarity with Hooks types including useState, useEffect, useContext, useRef, useReducer, useMemo, useCallback, useLayoutEffect, useImperativeHandle and useDebugValue
  • Work with TailwindCSS, install and basics, then use its plugins to style
  • Code Splitting and server-side rendering techniques as well as building a Node.js server
  • Install TypeScript and work with it
  • Overview of Redux and status management
  • Test your application using various tools

Course details:

Publisher: FrontendMasters
Instructor:  Brian Holt
Language: English
Level: Introductory to Advanced
Number of Courses: 43
Duration: 6 hours and 7 minutes

 

See Also:

Tipard Video Converter Ultimate 10.2.6 Win / 9.2.30 macOS

Kaspersky Anti-Virus / Internet / Total Security 2021 21.3.10.391 + Online

FusionCharts Suite XT v3.16.0

StairDesigner Pro-PP 7.12a

InstallAware Studio Admin X13 30.07.00.2021 x64

Course topics:

Introduction

Introduction (00:00:00 – 00:06:38)

Hooks

useState (00:06:39 – 00:12:29)
useEffect (00:12:30 – 00:21:55)
useContext (00:21:56 – 00:32:15)
useRef (00:32:16) 00:37:48)
useReducer (00:37:49 – 00:48:53)
useMemo (00:48:54 – 00:56:33)
useCallback (00:56:34 – 01:05:08)
useLayoutEffect ( 01:05:09 – 01:13:12)
useImperativeHandle (01:13:13 – 01:19:21)
useDebugValue (01:19:22 – 01:23:52)

TailwindCSS

CSS & React (01:23:53 – 01:31:20)
Tailwind Setup (01:31:21 – 01:47:18)
Tailwind Basics (01:47:19 – 01:59:26)
Styling with Tailwind Plugins (01:59:27 – 02:04:01)
Styling Forms with a Tailwind Plugin (02:04:02 – 02:10:30)
Tailwind Components (02:10:31 – 02:19:13)
Grid & Breakpoints in Tailwind (02:19:14 – 02:24:33)
Positioning in Tailwind (02:24:34 – 02:28:58)

Code Splitting & Server Side Rendering

Code Splitting (02:28:59 – 02:39:32)
Q&A and Code Splitting Modals (02:39:33 – 02:46:42)
Server Side Rendering (02:46:43 – 02:58:11)
Building a Node.js Server (02:58:12 – 03:08:21)
Server Side Rendering Q&A (03:08:22 – 03:12:39)
Streaming Markup (03:12:40 – 03:17:25)

TypeScript

TypeScript Setup (03:17:26 – 03:25:10)
TypeScript Refactoring (03:25:11 – 03:31:27)
TypeScript & ESLint (03:31:28 – 03:40:44)
Typing The API Response (03:40:45 – 03:52:59)
Typing ErrorBoundary & Carousel
(03:53:00 – 04:04:03)
Typing Function Components & Hooks (04:04:04 – 04:13:19) Typing SearchParams , Results, & App (04:13:20 – 04:26:53)

Redux

Redux Overview (04:26:54 – 04:35:13)
Creating Reducers (04:35:14 – 04:47:36)
Action Creators & Providers (04:47:37 – 04:57:40)
Dispatching Actions ( 04:57:41 – 05:05:38)
Redux Dev Tools (05:05:39 – 05:10:26)

Testing

Jest Setup (05:10:27 – 05:20:51)
Writing React Component Tests (05:20:52 – 05:37:48)
Testing Custom Hooks (05:37:49 – 05:52:02)
Snapshot Testing (05:52:03 – 06:03:30)
Istanbul (06:03:31 – 06:06:22)

Wrapping Up

Wrapping Up (06:06:23 – 06:07:37)

Pictures

React

 

Installation guide

After Extract, watch with your favorite Player.

English subtitle

Quality: 1080p

download link

Download Section 1 – 1 GB
Download Part 2 – 1 GB
Download Section 3 – 250 MB
file password link
Follow On Facebook
Follow On Linkedin
Follow On Reddit