Community
Articles
Topics
Q&A
Learn
Course
Programming Dictionary
Tools Library
Development tools
Website Source Code
PHP Libraries
JS special effects
Website Materials
Extension plug-ins
Leisure
Game Download
Game Tutorials
English
简体中文
English
繁体中文
日本語
한국어
Melayu
Français
Deutsch
Login
singup
Next Section: Life cycle (old)_setState process
(1139 plays)
Next Section
Watch Again
ဆ
Chapter
Note
Ask
Courseware
Feedback
Quickly get started with React basics
Chapter1 Virtual DOM and JSX
1-1 Introduction to React
1-2 React small case
1-3 Two ways to create a virtual Dom
1-4 Virtual DOM and real DOM
1-5 jsx syntax rules
1-6 jsx small exercises
Chapter2 component-oriented programming
2-1 Developer tools installation
2-2 Components and modules
2-3 Functional components
2-4 Review related knowledge
2-5 class component
Chapter3 Component core attribute state
3-1 understanding of state
3-2 Initialize state
3-3 Event binding in react
3-4 this in the method in the class
3-5 Solve the problem of this pointing in the class
3-6 Use of setState
3-7 abbreviation for state
3-8 summarize state
Chapter4 Component core attributes props
4-1 Basic usage of props
4-2 Pass props in batches
4-3 Limit props
4-4 abbreviation for props
4-5 Constructors and props in class components
4-6 Functional components use props
4-7 Summary props
Chapter5 refs, the core attribute of the component
5-1 ref in string form
5-2 ref in callback form
5-3 Problem with the number of calls in callback ref
5-4 Use of createRef
5-5 summaryref
Chapter6 Events and form data
6-1 event handling
6-2 uncontrolled components
6-3 controlled components
6-4 Higher-order functions and function currying
6-5 Writing without currying
Chapter7 Component life cycle (1)
7-1 Lead life cycle
7-2 Life cycle (old)_component mounting process
7-3 Life cycle (old)_setState process
7-4 Lifecycle (old)_forceUpdate process
7-5 Parent component render process
7-6 Summary life cycle (old)
Chapter8 Component life cycle (2)
8-1 Compare old and new life cycles
8-2 getDerivedStateFromProps
8-3 getSnapshotBeforeUpdate
8-4 10 getSnapshotBeforeUpdate case
8-5 Summary life cycle (new)
8-6 DOM diffing algorithm
Chapter9 scaffold
9-1 Initialize react scaffolding
9-2 Scaffolding file introduction_public
9-3 Scaffolding file introduction_src
9-4 A simple Hello component
9-5 Modularity of style
9-6 Shortcut keys in WebStorm
9-7 Component coding process
Chapter10 TodoList case
10-1 TodoList case_static component
10-2 Dynamic initialization list
10-3 add todo
10-4 Mouse move effect
10-5 Check and uncheck
10-6 Limit props
10-7 Delete a todo
10-8 Implement bottom function
10-9 Summary of the TodoList case
Chapter11 Douban movie search case
11-1 Scaffolding configuration agent 1
11-2 Scaffolding configuration agent 2
11-3 Douban movie search case_static component
11-4 Douban movie search case_axios send request
11-5 Douban movie search case_display data
11-6 Douban movie search case_completed case
11-7 Douban movie search case_message subscription and publishing_pubsub
11-8 Douban movie search case_fetch send request
11-9 Douban movie search case_summary
Chapter12 react router
12-1 Understanding of SPA applications
12-2 Understanding of routing
12-3 Front-end routing principle
12-4 Basic usage of routing
12-5 Routing components and general components
12-6 Use of NavLink
12-7 Encapsulating NavLink components
12-8 Use of Switch
12-9 Solve the problem of style loss
12-10 Fuzzy matching and strict matching of routes
12-11 Use of Redirect
12-12 Nested routing
12-13 Pass params parameters to routing components
12-14 Pass search parameters to routing components
12-15 Pass the state parameter to the routing component
12-16 Summary routing parameters
12-17 push and reply
12-18 Programmatic route navigation
12-19 Use of withRouter
12-20 BrowserRouter and HashRouter
Chapter13 UI component library antd
13-1 Basic use of antd
13-2 On-demand introduction of antd style
13-3 antd custom theme
Chapter14 state management redux
14-1 Introduction to redux
14-2 redux workflow
14-3 Summing case_Pure react version
14-4 Summing case_redux streamlined version
14-5 Summing case_redux full version
14-6 Summing case_asynchronous action version
14-7 Understanding of react-redux
14-8 Connect container components and UI components
14-9 Basic usage of react-redux
14-10 Optimization 1_Abbreviation mapDispatch
14-11 Optimize the use of 2_Provider component
14-12 Optimization 3_Integrate UI components and container components
14-13 Data Sharing_Writing Person Component
14-14 Data Sharing_Writing the reducer of Person component
14-15 Data sharing_Complete data sharing
14-16 pure function
14-17 redux developer tools
14-18 final version
14-19 Project package and run
Chapter15 Expand
15-1 Extension 1_setState
15-2 Extension 2_lazyLoad
15-3 Extension 3_stateHook
15-4 Extension 4_EffectHook
15-5 Extension 5_RefHook
15-6 Extension 6_Fragment
15-7 Extension 7_Context
15-8 Extension 8_PureComponent
15-9 Extension 9_renderProps
15-10 Extension 10_ErrorBoundary
15-11 Summary of communication methods between components
Previous section
Next Section
Tutorial List
get help
Course Recommendations
Courseware download
Elementary
Imperial CMS enterprise imitation website tutorial
3048 people are watching
Elementary
Newbies with zero foundation in WordPress build personal blogs and corporate websites
6743 people are watching
Elementary
Ultimate CMS zero-based website building instruction video
2724 people are watching
Elementary
Front-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]
3117 people are watching
Intermediate
Vue3.0 from 0 to build a universal backend management system project practice
5351 people are watching
Elementary
Zero-based front-end course [Vue advanced learning and practical application]
2821 people are watching
Elementary
WEB front-end tutorial [HTML5+CSS3+JS]
3506 people are watching
Elementary
Quick introduction to apipost
2161 people are watching
Intermediate
Vue3+TypeScript practical tutorial-enterprise-level project practice
3208 people are watching
Elementary
Let's briefly talk about starting a business in PHP
17423 people are watching
Intermediate
VUE e-commerce project (front-end & back-end dual project actual combat)
3828 people are watching
Elementary
Apipost practical application [api, interface, automated testing, mock]
2265 people are watching
Students who have watched this course are also learning
492840 plays
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)
notes
X