Introduction to react
27 minutes08 secondshelloreact case
25 minutes54 secondsTwo ways to create virtual DOM
12 minutes09 secondsVirtual DOM and real DOM
06 minutes20 secondsjsx syntax rules
26 minutes32 secondsjsx small exercises
22 minutes12 secondsComponents and modules
08 minutes03 secondsInstallation of developer tools
06 minutes43 secondsFunctional components
17 minutes33 secondsReview related knowledge
27 minutes44 secondsclass component
17 minutes40 secondsunderstanding of state
06 minutes41 secondsInitialize state
13 minutes02 secondsEvent binding in react
12 minutes53 secondsthis in the method in the class
23 minutes39 secondsSolve the problem of this pointing in the class
08 minutes07 secondsUse of setState
19 minutes42 secondsabbreviation for state
18 minutes02 secondssummarize state
04 minutes21 secondsBasic usage of props
10 minutes20 secondsPass props in batches
17 minutes37 secondsLimit props
23 minutes19 secondsabbreviation for props
08 minutes50 secondsConstructors and props in class components
10 minutes46 secondsFunctional components use props
08 minutes04 secondsSummary props
04 minutes38 secondsref in string form
15 minutes50 secondsref in callback form
14 minutes05 secondsProblem with the number of calls in callback ref
18 minutes42 secondsUse of createRef
08 minutes50 secondssummaryref
03 minutes13 secondsEvent handling in react
08 minutes37 secondsuncontrolled components
13 minutes36 secondscontrolled components
10 minutes33 secondsFunction currying of higher-order functions
26 minutes28 secondsWriting without currying
06 minutes14 secondsLead life cycle
39 minutes01 secondsLife cycle (old) component mounting process
14 minutes10 secondsLife cycle (old) setState process
12 minutes59 secondsLifecycle (old) forceUpdate process
05 minutes25 secondsLife cycle (old) parent component render process
14 minutes12 secondsSummary life cycle (old)
09 minutes06 secondsCompare old and new life cycles
31 minutes27 secondsgetDerivedStateFromProps
16 minutes40 secondsgetSnapshotBeforeUpdate
16 minutes35 secondsgetSnapshotBeforeUpdate example
19 minutes52 secondsSummary life cycle (new)
04 minutes25 secondsDOM diffing algorithm
45 minutes37 secondsInitialize react scaffolding
23 minutes37 secondsScaffolding file introduction public
30 minutes35 secondsScaffolding file introduction src
18 minutes24 secondsA simple Hello component
38 minutes00 secondsModularity of style
05 minutes06 secondsInstallation of react plug-in in vscode
06 minutes37 secondsComponent coding process
13 minutes14 secondsTodoList case static component
24 minutes07 secondsTodoList case dynamic initialization list
20 minutes48 secondsTodoList case adds todo
24 minutes22 secondsTodoList case mouse move into effect
08 minutes39 secondsTodoList case adds a todo
15 minutes52 secondsTodoList case limits props
05 minutes33 secondsTodoList case deletes a todo
12 minutes14 secondsTodoList case implements bottom function
25 minutes05 secondsTodoList case summary TodoList case
05 minutes42 secondsScaffolding configuration agent method 1
27 minutes28 secondsScaffolding configuration agent method 2
26 minutes10 secondsgithub search case static components
19 minutes18 secondsgithub search case axios send request
26 minutes03 secondsGithub search case display data
12 minutes52 secondsgithub search case completion case
20 minutes36 secondsMessage subscription and publishing technology pubsub
28 minutes25 secondsfetch sends request
47 minutes01 secondsSummary of github search cases
03 minutes47 secondsUnderstanding of SPA applications
13 minutes21 secondsUnderstanding of routing
11 minutes21 secondsFront-end routing principle
23 minutes00 secondsBasic usage of routing
43 minutes47 secondsRouting components and general components
20 minutes19 secondsUse of NavLink
06 minutes54 secondsEncapsulating NavLink components
19 minutes43 secondsUse of Switch
08 minutes38 secondsSolve the problem of style loss
25 minutes06 secondsFuzzy matching and strict matching of routes
11 minutes53 secondsUse of Redirect
07 minutes24 secondsNested routing
28 minutes18 secondsPass params parameters to routing components
28 minutes18 secondsPass search parameters to routing components
16 minutes17 secondsPass the state parameter to the routing component
18 minutes02 secondsSummary routing parameters
02 minutes47 secondspush and reply
07 minutes41 secondsProgrammatic route navigation
24 minutes25 secondsUse of withRouter
11 minutes50 secondsBrowserRouter and HashRouter
07 minutes57 secondsBasic use of antd
31 minutes43 secondsOn-demand introduction of antd style
22 minutes00 secondsantd custom theme
16 minutes04 secondsIntroduction to redux
16 minutes47 secondsredux workflow
36 minutes10 secondsPure react version of summation case
19 minutes04 secondsSum case redux lite version
53 minutes18 secondsSum case redux full version
20 minutes31 secondsAsynchronous action version of summation case
35 minutes55 secondsUnderstanding of react-redux
08 minutes56 secondsConnect container components and UI components
22 minutes26 secondsBasic usage of react-redux
46 minutes03 secondsOptimization 1 abbreviation mapDispatch
20 minutes14 secondsOptimize the use of 2Provider component
13 minutes43 secondsOptimization 3 Integrate UI components and container components
26 minutes59 secondsData sharing and writing Person components
14 minutes42 secondsData sharing and writing the reducer of the Person component
13 minutes36 secondsData sharing completes data sharing
33 minutes22 secondspure function
18 minutes16 secondsredux developer tools
14 minutes42 secondsfinal version
23 minutes27 secondsProject package and run
07 minutes42 secondsExtend 1setState
26 minutes33 secondsExtension 2lazyLoad
20 minutes21 secondsExtend 3stateHook
18 minutes18 secondsExtend 4EffectHook
21 minutes49 secondsExtend 5RefHook
04 minutes37 secondsExtend 6Fragment
06 minutes53 secondsExtend 7Context
26 minutes07 secondsExtend 8PureComponent
44 minutes34 secondsExtend 9renderProps
25 minutes34 secondsExtend 10ErrorBoundary
31 minutes40 secondsSummary of communication methods between components
06 minutes10 seconds