1-1 Introduction to React

1-2 React small case

1-3 Two ways to create a virtual Dom

1-4 Virtual DOM and real DOM

1-5 jsx syntax rules

1-6 jsx small exercises

2-1 Developer tools installation

2-2 Components and modules

2-3 Functional components

2-4 Review related knowledge

2-5 class component

3-1 understanding of state

3-2 Initialize state

3-3 Event binding in react

3-4 this in the method in the class

3-5 Solve the problem of this pointing in the class

3-6 Use of setState

3-7 abbreviation for state

3-8 summarize state

4-1 Basic usage of props

4-2 Pass props in batches

4-3 Limit props

4-4 abbreviation for props

4-5 Constructors and props in class components

4-6 Functional components use props

4-7 Summary props

5-1 ref in string form

5-2 ref in callback form

5-3 Problem with the number of calls in callback ref

5-4 Use of createRef

5-5 summaryref

6-1 event handling

6-2 uncontrolled components

6-3 controlled components

6-4 Higher-order functions and function currying

6-5 Writing without currying

7-1 Lead life cycle

7-2 Life cycle (old)_component mounting process

7-3 Life cycle (old)_setState process

7-4 Lifecycle (old)_forceUpdate process

7-5 Parent component render process

7-6 Summary life cycle (old)

8-1 Compare old and new life cycles

8-2 getDerivedStateFromProps

8-3 getSnapshotBeforeUpdate

8-4 10 getSnapshotBeforeUpdate case

8-5 Summary life cycle (new)

8-6 DOM diffing algorithm

9-1 Initialize react scaffolding

9-2 Scaffolding file introduction_public

9-3 Scaffolding file introduction_src

9-4 A simple Hello component

9-5 Modularity of style

9-6 Shortcut keys in WebStorm

9-7 Component coding process

10-1 TodoList case_static component

10-2 Dynamic initialization list

10-3 add todo

10-4 Mouse move effect

10-5 Check and uncheck

10-6 Limit props

10-7 Delete a todo

10-8 Implement bottom function

10-9 Summary of the TodoList case

11-1 Scaffolding configuration agent 1

11-2 Scaffolding configuration agent 2

11-3 Douban movie search case_static component

11-4 Douban movie search case_axios send request

11-5 Douban movie search case_display data

11-6 Douban movie search case_completed case

11-7 Douban movie search case_message subscription and publishing_pubsub

11-8 Douban movie search case_fetch send request

11-9 Douban movie search case_summary

12-1 Understanding of SPA applications

12-2 Understanding of routing

12-3 Front-end routing principle

12-4 Basic usage of routing

12-5 Routing components and general components

12-6 Use of NavLink

12-7 Encapsulating NavLink components

12-8 Use of Switch

12-9 Solve the problem of style loss

12-10 Fuzzy matching and strict matching of routes

12-11 Use of Redirect

12-12 Nested routing

12-13 Pass params parameters to routing components

12-14 Pass search parameters to routing components

12-15 Pass the state parameter to the routing component

12-16 Summary routing parameters

12-17 push and reply

12-18 Programmatic route navigation

12-19 Use of withRouter

12-20 BrowserRouter and HashRouter

13-1 Basic use of antd

13-2 On-demand introduction of antd style

13-3 antd custom theme

14-1 Introduction to redux

14-2 redux workflow

14-3 Summing case_Pure react version

14-4 Summing case_redux streamlined version

14-5 Summing case_redux full version

14-6 Summing case_asynchronous action version

14-7 Understanding of react-redux

14-8 Connect container components and UI components

14-9 Basic usage of react-redux

14-10 Optimization 1_Abbreviation mapDispatch

14-11 Optimize the use of 2_Provider component

14-12 Optimization 3_Integrate UI components and container components

14-13 Data Sharing_Writing Person Component

14-14 Data Sharing_Writing the reducer of Person component

14-15 Data sharing_Complete data sharing

14-16 pure function

14-17 redux developer tools

14-18 final version

14-19 Project package and run

15-1 Extension 1_setState

15-2 Extension 2_lazyLoad

15-3 Extension 3_stateHook

15-4 Extension 4_EffectHook

15-5 Extension 5_RefHook

15-6 Extension 6_Fragment

15-7 Extension 7_Context

15-8 Extension 8_PureComponent

15-9 Extension 9_renderProps

15-10 Extension 10_ErrorBoundary

15-11 Summary of communication methods between components