Quickly get started with React basics
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.
188559
person learning
126
class hour
2021-08-25
update time
01 days04 Hours52 minutes06 seconds
Total course duration
学习是最好的投资！
You will learn
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.
Quickly get started with React basics
Section1 Introduction to React
13 minutes26 seconds
Section2 React small case
17 minutes30 seconds
Section3 Two ways to create a virtual Dom
08 minutes40 seconds
Section4 Virtual DOM and real DOM
07 minutes38 seconds
Section5 jsx syntax rules
22 minutes56 seconds
Section6 jsx small exercises
16 minutes55 seconds
Chapter1 Virtual DOM and JSX
Section1 Developer tools installation
06 minutes33 seconds
Section2 Components and modules
05 minutes30 seconds
Section3 Functional components
14 minutes15 seconds
Section4 Review related knowledge
20 minutes27 seconds
Section5 class component
12 minutes09 seconds
Chapter2 component-oriented programming
Section1 understanding of state
06 minutes09 seconds
Section2 Initialize state
10 minutes54 seconds
Section3 Event binding in react
11 minutes47 seconds
Section4 this in the method in the class
18 minutes59 seconds
Section5 Solve the problem of this pointing in the class
07 minutes18 seconds
Section6 Use of setState
14 minutes17 seconds
Section7 abbreviation for state
15 minutes26 seconds
Section8 summarize state
03 minutes04 seconds
Chapter3 Component core attribute state
Section1 Basic usage of props
08 minutes43 seconds
Section2 Pass props in batches
20 minutes20 seconds
Section3 Limit props
18 minutes06 seconds
Section4 abbreviation for props
07 minutes52 seconds
Section5 Constructors and props in class components
07 minutes32 seconds
Section6 Functional components use props
06 minutes45 seconds
Section7 Summary props
05 minutes36 seconds
Chapter4 Component core attributes props
Section1 ref in string form
13 minutes01 seconds
Section2 ref in callback form
11 minutes14 seconds
Section3 Problem with the number of calls in callback ref
13 minutes33 seconds
Section4 Use of createRef
07 minutes58 seconds
Section5 summaryref
03 minutes39 seconds
Chapter5 refs, the core attribute of the component
Section1 event handling
09 minutes14 seconds
Section2 uncontrolled components
13 minutes35 seconds
Section3 controlled components
10 minutes30 seconds
Section4 Higher-order functions and function currying
23 minutes54 seconds
Section5 Writing without currying
07 minutes06 seconds
Chapter6 Events and form data
Section1 Lead life cycle
27 minutes28 seconds
Section2 Life cycle (old)_component mounting process
11 minutes54 seconds
Section3 Life cycle (old)_setState process
11 minutes49 seconds
Section4 Lifecycle (old)_forceUpdate process
03 minutes57 seconds
Section5 Parent component render process
14 minutes21 seconds
Section6 Summary life cycle (old)
08 minutes57 seconds
Chapter7 Component life cycle (1)
Section1 Compare old and new life cycles
20 minutes32 seconds
Section2 getDerivedStateFromProps
11 minutes01 seconds
Section3 getSnapshotBeforeUpdate
11 minutes15 seconds
Section4 10 getSnapshotBeforeUpdate case
22 minutes28 seconds
Section5 Summary life cycle (new)
04 minutes20 seconds
Section6 DOM diffing algorithm
34 minutes56 seconds
Chapter8 Component life cycle (2)
Section1 Initialize react scaffolding
35 minutes55 seconds
Section2 Scaffolding file introduction_public
20 minutes33 seconds
Section3 Scaffolding file introduction_src
17 minutes37 seconds
Section4 A simple Hello component
37 minutes43 seconds
Section5 Modularity of style
05 minutes08 seconds
Section6 Shortcut keys in WebStorm
10 minutes02 seconds
Section7 Component coding process
08 minutes50 seconds
Chapter9 scaffold
Section1 TodoList case_static component
30 minutes56 seconds
Section2 Dynamic initialization list
16 minutes36 seconds
Section3 add todo
28 minutes09 seconds
Section4 Mouse move effect
09 minutes11 seconds
Section5 Check and uncheck
18 minutes13 seconds
Section6 Limit props
06 minutes11 seconds
Section7 Delete a todo
13 minutes11 seconds
Section8 Implement bottom function
21 minutes29 seconds
Section9 Summary of the TodoList case
04 minutes41 seconds
Chapter10 TodoList case
Section1 Scaffolding configuration agent 1
31 minutes43 seconds
Section2 Scaffolding configuration agent 2
26 minutes32 seconds
Section3 Douban movie search case_static component
16 minutes41 seconds
Section4 Douban movie search case_axios send request
30 minutes10 seconds
Section5 Douban movie search case_display data
14 minutes05 seconds
Section6 Douban movie search case_completed case
23 minutes05 seconds
Section7 Douban movie search case_message subscription and publishing_pubsub
24 minutes28 seconds
Section8 Douban movie search case_fetch send request
36 minutes04 seconds
Section9 Douban movie search case_summary
In calculation
Chapter11 Douban movie search case
Section1 Understanding of SPA applications
07 minutes46 seconds
Section2 Understanding of routing
07 minutes32 seconds
Section3 Front-end routing principle
24 minutes27 seconds
Section4 Basic usage of routing
38 minutes02 seconds
Section5 Routing components and general components
24 minutes01 seconds
Section6 Use of NavLink
04 minutes59 seconds
Section7 Encapsulating NavLink components
20 minutes44 seconds
Section8 Use of Switch
06 minutes33 seconds
Section9 Solve the problem of style loss
19 minutes03 seconds
Section10 Fuzzy matching and strict matching of routes
11 minutes37 seconds
Section11 Use of Redirect
09 minutes41 seconds
Section12 Nested routing
33 minutes51 seconds
Section13 Pass params parameters to routing components
28 minutes23 seconds
Section14 Pass search parameters to routing components
15 minutes29 seconds
Section15 Pass the state parameter to the routing component
14 minutes19 seconds
Section16 Summary routing parameters
04 minutes02 seconds
Section17 push and reply
09 minutes53 seconds
Section18 Programmatic route navigation
25 minutes01 seconds
Section19 Use of withRouter
13 minutes40 seconds
Section20 BrowserRouter and HashRouter
08 minutes40 seconds
Chapter12 react router
Section1 Basic use of antd
25 minutes53 seconds
Section2 On-demand introduction of antd style
09 minutes44 seconds
Section3 antd custom theme
12 minutes03 seconds
Chapter13 UI component library antd
Section1 Introduction to redux
08 minutes13 seconds
Section2 redux workflow
19 minutes29 seconds
Section3 Summing case_Pure react version
In calculation
Section4 Summing case_redux streamlined version
44 minutes17 seconds
Section5 Summing case_redux full version
20 minutes04 seconds
Section6 Summing case_asynchronous action version
21 minutes12 seconds
Section7 Understanding of react-redux
07 minutes36 seconds
Section8 Connect container components and UI components
16 minutes07 seconds
Section9 Basic usage of react-redux
34 minutes34 seconds
Section10 Optimization 1_Abbreviation mapDispatch
13 minutes11 seconds
Section11 Optimize the use of 2_Provider component
07 minutes50 seconds
Section12 Optimization 3_Integrate UI components and container components
06 minutes01 seconds
Section13 Data Sharing_Writing Person Component
17 minutes06 seconds
Section14 Data Sharing_Writing the reducer of Person component
In calculation
Section15 Data sharing_Complete data sharing
In calculation
Section16 pure function
In calculation
Section17 redux developer tools
17 minutes18 seconds
Section18 final version
18 minutes21 seconds
Section19 Project package and run
12 minutes42 seconds
Chapter14 state management redux
Section1 Extension 1_setState
In calculation
Section2 Extension 2_lazyLoad
In calculation
Section3 Extension 3_stateHook
In calculation
Section4 Extension 4_EffectHook
In calculation
Section5 Extension 5_RefHook
In calculation
Section6 Extension 6_Fragment
In calculation
Section7 Extension 7_Context
In calculation
Section8 Extension 8_PureComponent
In calculation
Section9 Extension 9_renderProps
In calculation
Section10 Extension 10_ErrorBoundary
In calculation
Section11 Summary of communication methods between components
In calculation
Chapter15 Expand
Data Name
The courseware is currently not available for download, and the staff are organizing it. Please pay more attention to this course in the future~
PHPz Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982584
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546704
Quick introduction to web front-end development
8 class hour
220793
Master PS video tutorials from scratch
268 class hour
1003309
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13481
Go language practical GraphQL
10 class hour
11117
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
