English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 4h 57m | 1.73 GB
Learn to build scalable React applications using the tools and techniques available in the React ecosystem. You’ll test your React components with Jest, leverage CSS in JS with the emotion, code split with React Loadable, use server-side rendering in React with Node.js, add TypeScript, and more!
Table of Contents
Introduction
1 Course Overview & Setup
Testing React
2 Writing a Component Test with Jest
3 Jest Snapshot Tests
4 Creating a Jest CLI Script
5 Testing Component Methods
6 Jest Watch
7 Code Coverage
8 Testing Philosophy & Q&A
CSS in JS
9 Install Emotion & Extract a Module
10 Styling Components with Emotion
11 Reusing Styles with JavaScript
12 Emotion Q&A
13 Animation with Emotion
14 Why Emotion & CSS in JS
Code Splitting
15 React Loadable
16 Why Code Split & Q&A
17 Splitting All Components
18 Loading Modal HTML Asynchronously
19 Prefetch
20 Code Splitting Without Loadable
Redux
21 Redux Overview
22 Refactoring React to Use Redux
23 Connecting Actions to the Search Box
24 Redux Dev Tools
25 Q&A and Other State Management Tools
26 Creating the Store
27 Root Reducer
28 Creating a Reducer
29 Recap & Testing a Reducer
30 Adding More Reducers
31 Action Creators & Actions
32 Connecting to React with react-redux
33 Redux Thunks & Dispatch
Server Side Rendering
34 Why Server Side Rendering
35 Running React in Node.js
36 Building Your Project for Production
37 Rendering Generated Markup
38 renderToNodeStream
Preact
39 Preact
40 Building for Production
Code Organization
41 Code Organization
TypeScript with React
42 TypeScript
43 Adding Types to a React Component
44 Switching from ESLint to TSLint
45 Converting the App to TypeScript
46 Typing the Carousel Component
47 Typing Pet & Search Component
48 Typing the Rest of the App
49 Wrap Up Typing & Q&A
Resolve the captcha to access the links!