Description
Intermediate React, v3, is a training course for building React programs using the latest tools and techniques available in the React ecosystem. This is a modular course and you can choose and learn different React ecosystems. You will also learn many things in this course: you will use CSS-in-JS with TailwindCSS, you will improve performance by multi-classing code and server-side rendering, adding TypeScript to your project, managing state Using Redux and testing your application.
What you will learn in Intermediate React, v3 course:
- Familiarity with types of Hooks including useState, useEffect, useContext, useRef, useReducer, useMemo, useCallback, useLayoutEffect, useImperativeHandle and useDebugValue
- Working with TailwindCSS, installing it and its basics, then using its plugins for styling
- Code Splitting technique and server side rendering as well as building a Node.js server
- Install TypeScript and work with it
- Overview of Redux and state management
- Test your program using different tools
Course details:
Publisher: FrontendMasters
teacher: Brian Holt
English language
Training level: introductory to advanced
Number of courses: 43
Duration: 6 hours and 7 minutes
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
Sample video
Installation guide
After Extract, view with your favorite Player.
English subtitle
Quality: 1080p
download link
Password file(s): www.downloadly.ir
Size
2.3 GB