React family bucket tutorial-Free online video tutorial-php.cn

Community Learn Tools Library Leisure

English

React family bucket tutorial

This set of video tutorials is recorded based on the new version of React17, and explains in detail various core technologies in React development. Core React basic knowledge + peripheral technologies all in one place! All knowledge points are driven by cases, deductive teaching, real-life examples, nanny-style interpretation of the official website, teach them how to fish and teach them how to fish! The explanations are detailed and humorous, making you listen and become obsessed with learning. Even friends with zero foundation can learn React technology happily!

Elementary

react

Family bucket

133199 person learning

126class hour

01 days 14 hours 38 minutes 28 secondsTotal course duration

2022-01-23update

王林

Gold lecturer

A total of 180 courses Student180304 Lecturer rating5.3

有朋自远方来，虽远必诛！More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

This set of video tutorials is recorded based on the new version of React17, and explains in detail various core technologies in React development. Core React basic knowledge + peripheral technologies all in one place! All knowledge points are driven by cases, deductive teaching, real-life examples, nanny-style interpretation of the official website, teach them how to fish and teach them how to fish! The explanations are detailed and humorous, making you listen and become obsessed with learning. Even friends with zero foundation can learn React technology happily!

React family bucket tutorial

Chapter1 Chapter One
expand retract

Section1 Introduction to react
duration： 27 minutes 08 seconds

Section2 helloreact case
duration： 25 minutes 54 seconds

Section3 Two ways to create virtual DOM
duration： 12 minutes 09 seconds

Section4 Virtual DOM and real DOM
duration： 06 minutes 20 seconds

Section5 jsx syntax rules
duration： 26 minutes 32 seconds

Section6 jsx small exercises
duration： 22 minutes 12 seconds

Section7 Components and modules
duration： 08 minutes 03 seconds

Section8 Installation of developer tools
duration： 06 minutes 43 seconds

Section9 Functional components
duration： 17 minutes 33 seconds

Section10 Review related knowledge
duration： 27 minutes 44 seconds
Chapter2 Chapter two
expand retract

Section1 class component
duration： 17 minutes 40 seconds

Section2 understanding of state
duration： 06 minutes 41 seconds

Section3 Initialize state
duration： 13 minutes 02 seconds

Section4 Event binding in react
duration： 12 minutes 53 seconds

Section5 this in the method in the class
duration： 23 minutes 39 seconds

Section6 Solve the problem of this pointing in the class
duration： 08 minutes 07 seconds

Section7 Use of setState
duration： 19 minutes 42 seconds

Section8 abbreviation for state
duration： 18 minutes 02 seconds

Section9 summarize state
duration： 04 minutes 21 seconds

Section10 Basic usage of props
duration： 10 minutes 20 seconds
Chapter3 third chapter
expand retract

Section1 Pass props in batches
duration： 17 minutes 37 seconds

Section2 Limit props
duration： 23 minutes 19 seconds

Section3 abbreviation for props
duration： 08 minutes 50 seconds

Section4 Constructors and props in class components
duration： 10 minutes 46 seconds

Section5 Functional components use props
duration： 08 minutes 04 seconds

Section6 Summary props
duration： 04 minutes 38 seconds

Section7 ref in string form
duration： 15 minutes 50 seconds

Section8 ref in callback form
duration： 14 minutes 05 seconds

Section9 Problem with the number of calls in callback ref
duration： 18 minutes 42 seconds

Section10 Use of createRef
duration： 08 minutes 50 seconds
Chapter4 Chapter Four
expand retract

Section1 summaryref
duration： 03 minutes 13 seconds

Section2 Event handling in react
duration： 08 minutes 37 seconds

Section3 uncontrolled components
duration： 13 minutes 36 seconds

Section4 controlled components
duration： 10 minutes 33 seconds

Section5 Function currying of higher-order functions
duration： 26 minutes 28 seconds

Section6 Writing without currying
duration： 06 minutes 14 seconds

Section7 Lead life cycle
duration： 39 minutes 01 seconds

Section8 Life cycle (old) component mounting process
duration： 14 minutes 10 seconds

Section9 Life cycle (old) setState process
duration： 12 minutes 59 seconds

Section10 Lifecycle (old) forceUpdate process
duration： 05 minutes 25 seconds
Chapter5 chapter Five
expand retract

Section1 Life cycle (old) parent component render process
duration： 14 minutes 12 seconds

Section2 Summary life cycle (old)
duration： 09 minutes 06 seconds

Section3 Compare old and new life cycles
duration： 31 minutes 27 seconds

Section4 getDerivedStateFromProps
duration： 16 minutes 40 seconds

Section5 getSnapshotBeforeUpdate
duration： 16 minutes 35 seconds

Section6 getSnapshotBeforeUpdate example
duration： 19 minutes 52 seconds

Section7 Summary life cycle (new)
duration： 04 minutes 25 seconds

Section8 DOM diffing algorithm
duration： 45 minutes 37 seconds

Section9 Initialize react scaffolding
duration： 23 minutes 37 seconds

Section10 Scaffolding file introduction public
duration： 30 minutes 35 seconds
Chapter6 Chapter Six
expand retract

Section1 Scaffolding file introduction src
duration： 18 minutes 24 seconds

Section2 A simple Hello component
duration： 38 minutes 00 seconds

Section3 Modularity of style
duration： 05 minutes 06 seconds

Section4 Installation of react plug-in in vscode
duration： 06 minutes 37 seconds

Section5 Component coding process
duration： 13 minutes 14 seconds

Section6 TodoList case static component
duration： 24 minutes 07 seconds

Section7 TodoList case dynamic initialization list
duration： 20 minutes 48 seconds

Section8 TodoList case adds todo
duration： 24 minutes 22 seconds

Section9 TodoList case mouse move into effect
duration： 08 minutes 39 seconds

Section10 TodoList case adds a todo
duration： 15 minutes 52 seconds
Chapter7 Chapter VII
expand retract

Section1 TodoList case limits props
duration： 05 minutes 33 seconds

Section2 TodoList case deletes a todo
duration： 12 minutes 14 seconds

Section3 TodoList case implements bottom function
duration： 25 minutes 05 seconds

Section4 TodoList case summary TodoList case
duration： 05 minutes 42 seconds

Section5 Scaffolding configuration agent method 1
duration： 27 minutes 28 seconds

Section6 Scaffolding configuration agent method 2
duration： 26 minutes 10 seconds

Section7 github search case static components
duration： 19 minutes 18 seconds

Section8 github search case axios send request
duration： 26 minutes 03 seconds

Section9 Github search case display data
duration： 12 minutes 52 seconds

Section10 github search case completion case
duration： 20 minutes 36 seconds
Chapter8 chapter eight
expand retract

Section1 Message subscription and publishing technology pubsub
duration： 28 minutes 25 seconds

Section2 fetch sends request
duration： 47 minutes 01 seconds

Section3 Summary of github search cases
duration： 03 minutes 47 seconds

Section4 Understanding of SPA applications
duration： 13 minutes 21 seconds

Section5 Understanding of routing
duration： 11 minutes 21 seconds

Section6 Front-end routing principle
duration： 23 minutes 00 seconds

Section7 Basic usage of routing
duration： 43 minutes 47 seconds

Section8 Routing components and general components
duration： 20 minutes 19 seconds

Section9 Use of NavLink
duration： 06 minutes 54 seconds

Section10 Encapsulating NavLink components
duration： 19 minutes 43 seconds
Chapter9 Chapter nine
expand retract

Section1 Use of Switch
duration： 08 minutes 38 seconds

Section2 Solve the problem of style loss
duration： 25 minutes 06 seconds

Section3 Fuzzy matching and strict matching of routes
duration： 11 minutes 53 seconds

Section4 Use of Redirect
duration： 07 minutes 24 seconds

Section5 Nested routing
duration： 28 minutes 18 seconds

Section6 Pass params parameters to routing components
duration： 28 minutes 18 seconds

Section7 Pass search parameters to routing components
duration： 16 minutes 17 seconds

Section8 Pass the state parameter to the routing component
duration： 18 minutes 02 seconds

Section9 Summary routing parameters
duration： 02 minutes 47 seconds

Section10 push and reply
duration： 07 minutes 41 seconds
Chapter10 chapter Ten
expand retract

Section1 Programmatic route navigation
duration： 24 minutes 25 seconds

Section2 Use of withRouter
duration： 11 minutes 50 seconds

Section3 BrowserRouter and HashRouter
duration： 07 minutes 57 seconds

Section4 Basic use of antd
duration： 31 minutes 43 seconds

Section5 On-demand introduction of antd style
duration： 22 minutes 00 seconds

Section6 antd custom theme
duration： 16 minutes 04 seconds

Section7 Introduction to redux
duration： 16 minutes 47 seconds

Section8 redux workflow
duration： 36 minutes 10 seconds

Section9 Pure react version of summation case
duration： 19 minutes 04 seconds

Section10 Sum case redux lite version
duration： 53 minutes 18 seconds
Chapter11 Chapter 11
expand retract

Section1 Sum case redux full version
duration： 20 minutes 31 seconds

Section2 Asynchronous action version of summation case
duration： 35 minutes 55 seconds

Section3 Understanding of react-redux
duration： 08 minutes 56 seconds

Section4 Connect container components and UI components
duration： 22 minutes 26 seconds

Section5 Basic usage of react-redux
duration： 46 minutes 03 seconds

Section6 Optimization 1 abbreviation mapDispatch
duration： 20 minutes 14 seconds

Section7 Optimize the use of 2Provider component
duration： 13 minutes 43 seconds

Section8 Optimization 3 Integrate UI components and container components
duration： 26 minutes 59 seconds

Section9 Data sharing and writing Person components
duration： 14 minutes 42 seconds

Section10 Data sharing and writing the reducer of the Person component
duration： 13 minutes 36 seconds
Chapter12 Chapter 12
expand retract

Section1 Data sharing completes data sharing
duration： 33 minutes 22 seconds

Section2 pure function
duration： 18 minutes 16 seconds

Section3 redux developer tools
duration： 14 minutes 42 seconds

Section4 final version
duration： 23 minutes 27 seconds

Section5 Project package and run
duration： 07 minutes 42 seconds

Section6 Extend 1setState
duration： 26 minutes 33 seconds

Section7 Extension 2lazyLoad
duration： 20 minutes 21 seconds

Section8 Extend 3stateHook
duration： 18 minutes 18 seconds

Section9 Extend 4EffectHook
duration： 21 minutes 49 seconds

Section10 Extend 5RefHook
duration： 04 minutes 37 seconds
Chapter13 Chapter 13
expand retract

Section1 Extend 6Fragment
duration： 06 minutes 53 seconds

Section2 Extend 7Context
duration： 26 minutes 07 seconds

Section3 Extend 8PureComponent
duration： 44 minutes 34 seconds

Section4 Extend 9renderProps
duration： 25 minutes 34 seconds

Section5 Extend 10ErrorBoundary
duration： 31 minutes 40 seconds

Section6 Summary of communication methods between components
duration： 06 minutes 10 seconds

Data Name operate
[must see]React family bucket tutorial related courseware Download

王林 Lecturer Other Courses

ElementaryComplete collection of interview questions in front-end disciplines (Season 1)

22837
Collection
ElementaryFlexible box + responsive page layout practice

8837
Collection
ElementaryMake a responsive website from scratch—Grid layout

17318
Collection
ElementaryThe most easy-to-understand HTML+CSS course in 9 days

43852
Collection
ElementaryBasic tutorial for getting started with Web front-end

236027
Collection
ElementaryWeb front-end development-Zero Basic Programming Admission Guide

65643
Collection
ElementaryFront-end basic HTML5+CSS3 from entry to proficiency (full version)

295447
Collection
ElementaryThe latest CSS3 tutorial is quick and easy to understand

22153
Collection
ElementaryCSS3 Flex flexible box model makes layout fly

27993
Collection
ElementaryLearn DIV+CSS layout in one day (five practical exercises)

10844
Collection
ElementaryHTML5+CSS practice project [Hand Knock Onmyoji official website]

10604
Collection
ElementaryMobile layout: HTML5+CSS3 advanced and enhanced version

120596
Collection

Start Learning

This course includes：

01 days 14 hours 38 minutes 28 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>