Advanced React Patterns

Advanced React Patterns

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 3h 23m | 1.18 GB

Discover how to simplify your large React applications with advanced component patterns! In this course, author shows how to separate component logic, state and display properties to make your components more flexible and usable across large React applications. You’ll learn patterns like Compound Components, Render Props, Prop Getters, Controlled Props, and how to take advantage of React’s new Context API to share state throughout the application. This course is for developers who have experience building React applications and desire to scale their applications with components that are both simpler and more flexible!

Table of Contents

Introduction
1 Introducing Advanced React Patterns
2 Exercises Setup
3 Toggle Component & Exercise
4 Toggle Component Solution

Compound Components
5 Basic Compound Component & Exercise
6 Basic Compound Component Solution
7 Flexible Compound Component & Exercise
8 Flexible Compound Component Solution
9 Flexible Compound Component Q&A

Render Props
10 Render Prop Component & Exercise
11 Render Prop Component Solution
12 Render Prop Q&A
13 Prop Collections & Exercise
14 Prop Collections Solution
15 Prop Getters & Exercise
16 Prop Getters Solution

Controlling State
17 State Initializer Pattern & Exercise
18 Control Props Solution
19 State Initializer Solution
20 State Reducer Component & Exercise
21 State Reducer Component Solution
22 State Reducers with Change Types & Exercise
23 State Reducer Change Types Solution
24 Control Props Primer & Exercise
25 Control Props Primer Solution
26 Control Props & Exercise

Provider Pattern
27 Provider Pattern & Exercise
28 Provider Pattern Solution
29 Higher Order Components & Exercise
30 Higher Order Component Solution

Combining Patterns
31 Rendux Exercise
32 Rendux Solution