Quickly get started with React basics-Free online video tutorial-php.cn

Community Learn Tools Library Leisure

English

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.

Elementary

react

Base

137050 person learning

126class hour

01 days 04 hours 52 minutes 06 secondsTotal course duration

2021-08-25update

PHPz

Gold lecturer

A total of 72 courses Student45552 Lecturer rating5.7

学习是最好的投资！More>>

Course Introduction Course Outline Other Courses

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

Chapter1 Virtual DOM and JSX
expand retract

Section1 Introduction to React
duration： 13 minutes 26 seconds

Section2 React small case
duration： 17 minutes 30 seconds

Section3 Two ways to create a virtual Dom
duration： 08 minutes 40 seconds

Section4 Virtual DOM and real DOM
duration： 07 minutes 38 seconds

Section5 jsx syntax rules
duration： 22 minutes 56 seconds

Section6 jsx small exercises
duration： 16 minutes 55 seconds
Chapter2 component-oriented programming
expand retract

Section1 Developer tools installation
duration： 06 minutes 33 seconds

Section2 Components and modules
duration： 05 minutes 30 seconds

Section3 Functional components
duration： 14 minutes 15 seconds

Section4 Review related knowledge
duration： 20 minutes 27 seconds

Section5 class component
duration： 12 minutes 09 seconds
Chapter3 Component core attribute state
expand retract

Section1 understanding of state
duration： 06 minutes 09 seconds

Section2 Initialize state
duration： 10 minutes 54 seconds

Section3 Event binding in react
duration： 11 minutes 47 seconds

Section4 this in the method in the class
duration： 18 minutes 59 seconds

Section5 Solve the problem of this pointing in the class
duration： 07 minutes 18 seconds

Section6 Use of setState
duration： 14 minutes 17 seconds

Section7 abbreviation for state
duration： 15 minutes 26 seconds

Section8 summarize state
duration： 03 minutes 04 seconds
Chapter4 Component core attributes props
expand retract

Section1 Basic usage of props
duration： 08 minutes 43 seconds

Section2 Pass props in batches
duration： 20 minutes 20 seconds

Section3 Limit props
duration： 18 minutes 06 seconds

Section4 abbreviation for props
duration： 07 minutes 52 seconds

Section5 Constructors and props in class components
duration： 07 minutes 32 seconds

Section6 Functional components use props
duration： 06 minutes 45 seconds

Section7 Summary props
duration： 05 minutes 36 seconds
Chapter5 refs, the core attribute of the component
expand retract

Section1 ref in string form
duration： 13 minutes 01 seconds

Section2 ref in callback form
duration： 11 minutes 14 seconds

Section3 Problem with the number of calls in callback ref
duration： 13 minutes 33 seconds

Section4 Use of createRef
duration： 07 minutes 58 seconds

Section5 summaryref
duration： 03 minutes 39 seconds
Chapter6 Events and form data
expand retract

Section1 event handling
duration： 09 minutes 14 seconds

Section2 uncontrolled components
duration： 13 minutes 35 seconds

Section3 controlled components
duration： 10 minutes 30 seconds

Section4 Higher-order functions and function currying
duration： 23 minutes 54 seconds

Section5 Writing without currying
duration： 07 minutes 06 seconds
Chapter7 Component life cycle (1)
expand retract

Section1 Lead life cycle
duration： 27 minutes 28 seconds

Section2 Life cycle (old)_component mounting process
duration： 11 minutes 54 seconds

Section3 Life cycle (old)_setState process
duration： 11 minutes 49 seconds

Section4 Lifecycle (old)_forceUpdate process
duration： 03 minutes 57 seconds

Section5 Parent component render process
duration： 14 minutes 21 seconds

Section6 Summary life cycle (old)
duration： 08 minutes 57 seconds
Chapter8 Component life cycle (2)
expand retract

Section1 Compare old and new life cycles
duration： 20 minutes 32 seconds

Section2 getDerivedStateFromProps
duration： 11 minutes 01 seconds

Section3 getSnapshotBeforeUpdate
duration： 11 minutes 15 seconds

Section4 10 getSnapshotBeforeUpdate case
duration： 22 minutes 28 seconds

Section5 Summary life cycle (new)
duration： 04 minutes 20 seconds

Section6 DOM diffing algorithm
duration： 34 minutes 56 seconds
Chapter9 scaffold
expand retract

Section1 Initialize react scaffolding
duration： 35 minutes 55 seconds

Section2 Scaffolding file introduction_public
duration： 20 minutes 33 seconds

Section3 Scaffolding file introduction_src
duration： 17 minutes 37 seconds

Section4 A simple Hello component
duration： 37 minutes 43 seconds

Section5 Modularity of style
duration： 05 minutes 08 seconds

Section6 Shortcut keys in WebStorm
duration： 10 minutes 02 seconds

Section7 Component coding process
duration： 08 minutes 50 seconds
Chapter10 TodoList case
expand retract

Section1 TodoList case_static component
duration： 30 minutes 56 seconds

Section2 Dynamic initialization list
duration： 16 minutes 36 seconds

Section3 add todo
duration： 28 minutes 09 seconds

Section4 Mouse move effect
duration： 09 minutes 11 seconds

Section5 Check and uncheck
duration： 18 minutes 13 seconds

Section6 Limit props
duration： 06 minutes 11 seconds

Section7 Delete a todo
duration： 13 minutes 11 seconds

Section8 Implement bottom function
duration： 21 minutes 29 seconds

Section9 Summary of the TodoList case
duration： 04 minutes 41 seconds
Chapter11 Douban movie search case
expand retract

Section1 Scaffolding configuration agent 1
duration： 31 minutes 43 seconds

Section2 Scaffolding configuration agent 2
duration： 26 minutes 32 seconds

Section3 Douban movie search case_static component
duration： 16 minutes 41 seconds

Section4 Douban movie search case_axios send request
duration： 30 minutes 10 seconds

Section5 Douban movie search case_display data
duration： 14 minutes 05 seconds

Section6 Douban movie search case_completed case
duration： 23 minutes 05 seconds

Section7 Douban movie search case_message subscription and publishing_pubsub
duration： 24 minutes 28 seconds

Section8 Douban movie search case_fetch send request
duration： 36 minutes 04 seconds

Section9 Douban movie search case_summary
duration：In calculation
Chapter12 react router
expand retract

Section1 Understanding of SPA applications
duration： 07 minutes 46 seconds

Section2 Understanding of routing
duration： 07 minutes 32 seconds

Section3 Front-end routing principle
duration： 24 minutes 27 seconds

Section4 Basic usage of routing
duration： 38 minutes 02 seconds

Section5 Routing components and general components
duration： 24 minutes 01 seconds

Section6 Use of NavLink
duration： 04 minutes 59 seconds

Section7 Encapsulating NavLink components
duration： 20 minutes 44 seconds

Section8 Use of Switch
duration： 06 minutes 33 seconds

Section9 Solve the problem of style loss
duration： 19 minutes 03 seconds

Section10 Fuzzy matching and strict matching of routes
duration： 11 minutes 37 seconds

Section11 Use of Redirect
duration： 09 minutes 41 seconds

Section12 Nested routing
duration： 33 minutes 51 seconds

Section13 Pass params parameters to routing components
duration： 28 minutes 23 seconds

Section14 Pass search parameters to routing components
duration： 15 minutes 29 seconds

Section15 Pass the state parameter to the routing component
duration： 14 minutes 19 seconds

Section16 Summary routing parameters
duration： 04 minutes 02 seconds

Section17 push and reply
duration： 09 minutes 53 seconds

Section18 Programmatic route navigation
duration： 25 minutes 01 seconds

Section19 Use of withRouter
duration： 13 minutes 40 seconds

Section20 BrowserRouter and HashRouter
duration： 08 minutes 40 seconds
Chapter13 UI component library antd
expand retract

Section1 Basic use of antd
duration： 25 minutes 53 seconds

Section2 On-demand introduction of antd style
duration： 09 minutes 44 seconds

Section3 antd custom theme
duration： 12 minutes 03 seconds
Chapter14 state management redux
expand retract

Section1 Introduction to redux
duration： 08 minutes 13 seconds

Section2 redux workflow
duration： 19 minutes 29 seconds

Section3 Summing case_Pure react version
duration：In calculation

Section4 Summing case_redux streamlined version
duration： 44 minutes 17 seconds

Section5 Summing case_redux full version
duration： 20 minutes 04 seconds

Section6 Summing case_asynchronous action version
duration： 21 minutes 12 seconds

Section7 Understanding of react-redux
duration： 07 minutes 36 seconds

Section8 Connect container components and UI components
duration： 16 minutes 07 seconds

Section9 Basic usage of react-redux
duration： 34 minutes 34 seconds

Section10 Optimization 1_Abbreviation mapDispatch
duration： 13 minutes 11 seconds

Section11 Optimize the use of 2_Provider component
duration： 07 minutes 50 seconds

Section12 Optimization 3_Integrate UI components and container components
duration： 06 minutes 01 seconds

Section13 Data Sharing_Writing Person Component
duration： 17 minutes 06 seconds

Section14 Data Sharing_Writing the reducer of Person component
duration：In calculation

Section15 Data sharing_Complete data sharing
duration：In calculation

Section16 pure function
duration：In calculation

Section17 redux developer tools
duration： 17 minutes 18 seconds

Section18 final version
duration： 18 minutes 21 seconds

Section19 Project package and run
duration： 12 minutes 42 seconds
Chapter15 Expand
expand retract

Section1 Extension 1_setState
duration：In calculation

Section2 Extension 2_lazyLoad
duration：In calculation

Section3 Extension 3_stateHook
duration：In calculation

Section4 Extension 4_EffectHook
duration：In calculation

Section5 Extension 5_RefHook
duration：In calculation

Section6 Extension 6_Fragment
duration：In calculation

Section7 Extension 7_Context
duration：In calculation

Section8 Extension 8_PureComponent
duration：In calculation

Section9 Extension 9_renderProps
duration：In calculation

Section10 Extension 10_ErrorBoundary
duration：In calculation

Section11 Summary of communication methods between components
duration：In calculation

PHPz Lecturer Other Courses

ElementaryIntroduction to basic parameters of Layer pop-up window

42084
Collection
ElementaryFront-end basic practical course

44943
Collection
ElementaryQuickly master the basics of programming (a must-read for beginners)

20302
Collection
ElementaryWeb Development Basics_HTML+CSS

35483
Collection
ElementaryHTML code example

141308
Collection
ElementaryBuild HTML pages from scratch

139259
Collection
ElementaryFront-end actual native layout—(Xiaomi Mall)

46189
Collection
ElementaryCSS code example

168136
Collection
ElementaryBeautification function of CSS

89251
Collection
IntermediateH5 page design project practice

29920
Collection
IntermediateHTML5 front-end interview questions

25863
Collection
ElementaryBootstrap5-make web development faster

38628
Collection

Start Learning

This course includes：

01 days 04 hours 52 minutes 06 seconds Watch videos anytime

0 Download Resources

Popular courses Latest courses

More>