Quickly get started with React basics

• Chapter1 Virtual DOM and JSX
• 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
• Chapter2 component-oriented programming
• 2-1 Developer tools installation
• 2-2 Components and modules
• 2-3 Functional components
• 2-4 Review related knowledge
• 2-5 class component
• Chapter3 Component core attribute state
• 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
• Chapter4 Component core attributes props
• 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
• Chapter5 refs, the core attribute of the component
• 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
• Chapter6 Events and form data
• 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
• Chapter7 Component life cycle (1)
• 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)
• Chapter8 Component life cycle (2)
• 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
• Chapter9 scaffold
• 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
• Chapter10 TodoList case
• 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
• Chapter11 Douban movie search 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
• Chapter12 react router
• 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
• Chapter13 UI component library antd
• 13-1 Basic use of antd
• 13-2 On-demand introduction of antd style
• 13-3 antd custom theme
• Chapter14 state management redux
• 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
• Chapter15 Expand
• 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