Name: Quickly get started with React basics
Uploaded: 2021-08-25T14:23:33+8:00
Duration: 1732 min 6 s
Description: React makes creating interactive UI a breeze. Design concise views for each state of your application, and React can efficiently update and render the appropriate components when data changes.

Chapter1Virtual DOM and JSX: Introduction to React
13 minutes26 seconds; React small case
17 minutes30 seconds; Two ways to create a virtual Dom
08 minutes40 seconds; Virtual DOM and real DOM
07 minutes38 seconds; jsx syntax rules
22 minutes56 seconds; jsx small exercises
16 minutes55 seconds
Chapter2component-oriented programming: Developer tools installation
06 minutes33 seconds; Components and modules
05 minutes30 seconds; Functional components
14 minutes15 seconds; Review related knowledge
20 minutes27 seconds; class component
12 minutes09 seconds
Chapter3Component core attribute state: understanding of state
06 minutes09 seconds; Initialize state
10 minutes54 seconds; Event binding in react
11 minutes47 seconds; this in the method in the class
18 minutes59 seconds; Solve the problem of this pointing in the class
07 minutes18 seconds; Use of setState
14 minutes17 seconds; abbreviation for state
15 minutes26 seconds; summarize state
03 minutes04 seconds
Chapter4Component core attributes props: Basic usage of props
08 minutes43 seconds; Pass props in batches
20 minutes20 seconds; Limit props
18 minutes06 seconds; abbreviation for props
07 minutes52 seconds; Constructors and props in class components
07 minutes32 seconds; Functional components use props
06 minutes45 seconds; Summary props
05 minutes36 seconds
Chapter5refs, the core attribute of the component: ref in string form
13 minutes01 seconds; ref in callback form
11 minutes14 seconds; Problem with the number of calls in callback ref
13 minutes33 seconds; Use of createRef
07 minutes58 seconds; summaryref
03 minutes39 seconds
Chapter6Events and form data: event handling
09 minutes14 seconds; uncontrolled components
13 minutes35 seconds; controlled components
10 minutes30 seconds; Higher-order functions and function currying
23 minutes54 seconds; Writing without currying
07 minutes06 seconds
Chapter7Component life cycle (1): Lead life cycle
27 minutes28 seconds; Life cycle (old)_component mounting process
11 minutes54 seconds; Life cycle (old)_setState process
11 minutes49 seconds; Lifecycle (old)_forceUpdate process
03 minutes57 seconds; Parent component render process
14 minutes21 seconds; Summary life cycle (old)
08 minutes57 seconds
Chapter8Component life cycle (2): Compare old and new life cycles
20 minutes32 seconds; getDerivedStateFromProps
11 minutes01 seconds; getSnapshotBeforeUpdate
11 minutes15 seconds; 10 getSnapshotBeforeUpdate case
22 minutes28 seconds; Summary life cycle (new)
04 minutes20 seconds; DOM diffing algorithm
34 minutes56 seconds
Chapter9scaffold: Initialize react scaffolding
35 minutes55 seconds; Scaffolding file introduction_public
20 minutes33 seconds; Scaffolding file introduction_src
17 minutes37 seconds; A simple Hello component
37 minutes43 seconds; Modularity of style
05 minutes08 seconds; Shortcut keys in WebStorm
10 minutes02 seconds; Component coding process
08 minutes50 seconds
Chapter10TodoList case: TodoList case_static component
30 minutes56 seconds; Dynamic initialization list
16 minutes36 seconds; add todo
28 minutes09 seconds; Mouse move effect
09 minutes11 seconds; Check and uncheck
18 minutes13 seconds; Limit props
06 minutes11 seconds; Delete a todo
13 minutes11 seconds; Implement bottom function
21 minutes29 seconds; Summary of the TodoList case
04 minutes41 seconds
Chapter11Douban movie search case: Scaffolding configuration agent 1
31 minutes43 seconds; Scaffolding configuration agent 2
26 minutes32 seconds; Douban movie search case_static component
16 minutes41 seconds; Douban movie search case_axios send request
30 minutes10 seconds; Douban movie search case_display data
14 minutes05 seconds; Douban movie search case_completed case
23 minutes05 seconds; Douban movie search case_message subscription and publishing_pubsub
24 minutes28 seconds; Douban movie search case_fetch send request
36 minutes04 seconds; Douban movie search case_summary
Chapter12react router: Understanding of SPA applications
07 minutes46 seconds; Understanding of routing
07 minutes32 seconds; Front-end routing principle
24 minutes27 seconds; Basic usage of routing
38 minutes02 seconds; Routing components and general components
24 minutes01 seconds; Use of NavLink
04 minutes59 seconds; Encapsulating NavLink components
20 minutes44 seconds; Use of Switch
06 minutes33 seconds; Solve the problem of style loss
19 minutes03 seconds; Fuzzy matching and strict matching of routes
11 minutes37 seconds; Use of Redirect
09 minutes41 seconds; Nested routing
33 minutes51 seconds; Pass params parameters to routing components
28 minutes23 seconds; Pass search parameters to routing components
15 minutes29 seconds; Pass the state parameter to the routing component
14 minutes19 seconds; Summary routing parameters
04 minutes02 seconds; push and reply
09 minutes53 seconds; Programmatic route navigation
25 minutes01 seconds; Use of withRouter
13 minutes40 seconds; BrowserRouter and HashRouter
08 minutes40 seconds
Chapter13UI component library antd: Basic use of antd
25 minutes53 seconds; On-demand introduction of antd style
09 minutes44 seconds; antd custom theme
12 minutes03 seconds
Chapter14state management redux: Introduction to redux
08 minutes13 seconds; redux workflow
19 minutes29 seconds; Summing case_Pure react version; Summing case_redux streamlined version
44 minutes17 seconds; Summing case_redux full version
20 minutes04 seconds; Summing case_asynchronous action version
21 minutes12 seconds; Understanding of react-redux
07 minutes36 seconds; Connect container components and UI components
16 minutes07 seconds; Basic usage of react-redux
34 minutes34 seconds; Optimization 1_Abbreviation mapDispatch
13 minutes11 seconds; Optimize the use of 2_Provider component
07 minutes50 seconds; Optimization 3_Integrate UI components and container components
06 minutes01 seconds; Data Sharing_Writing Person Component
17 minutes06 seconds; Data Sharing_Writing the reducer of Person component; Data sharing_Complete data sharing; pure function; redux developer tools
17 minutes18 seconds; final version
18 minutes21 seconds; Project package and run
12 minutes42 seconds
Chapter15Expand: Extension 1_setState; Extension 2_lazyLoad; Extension 3_stateHook; Extension 4_EffectHook; Extension 5_RefHook; Extension 6_Fragment; Extension 7_Context; Extension 8_PureComponent; Extension 9_renderProps; Extension 10_ErrorBoundary; Summary of communication methods between components

部分浏览器不支持，请下载APP观看

Next Section：封装NavLink组件1006 plays

Quickly get started with React basics

部分浏览器不支持，请下载APP观看

Next Section： 封装NavLink组件1006 plays

Quickly get started with React basics

Allpost a note

Next Section：封装NavLink组件1006 plays