react source code analysis 8.render phase (see I'll compare Fiber)
react source code analysis 8.render phaseVideo Explanation (efficient learning): Enter learningPrevious articles:1. Introduction and interview questions2. Design concept of react3.react source code architecture4. Source directory structure and debugging5. JSX & Core api6.legacy and concurrent mode entry functions7.Fiber architecture8.render ...
Posted by cmzone on Mon, 06 Dec 2021 17:18:29 -0800
React saga workflow
1. Download the toolkit Redux, react Redux and Redux saga in the project
yarn add redux
yarn add react-redux
yarn add redux-saga
2. Create Redux folder and corresponding directory in src directory
3. Introduce createStore in store.js
Create store: call the createStore() method to get the store. The parameter passed in the method is a ...
Posted by thatsme on Mon, 06 Dec 2021 14:25:15 -0800
Advanced React components
Advanced react component
Introduction to component communication
A component is an independent and closed unit. By default, only the component's own data can be used. In the process of componentization, we split a complete function into multiple components to better complete the functions of the whole application. In this process, it is i ...
Posted by ursvmg on Sun, 05 Dec 2021 04:52:05 -0800
Summary of front end React interview questions
1, Introduce React and tell us what features they have1.1 INTRODUCTIONReact is a JavaScript library for building user interfaces and a UI level solution. React follows the component design pattern, declarative programming paradigm and functional programming concepts to make front-end application development more efficient. At the same time, rea ...
Posted by pugg09 on Sun, 05 Dec 2021 01:48:29 -0800
Hook rules and custom hooks
Hook rule
Use Hook only at the top
Do not call Hook in loops, conditions, or nested functions to ensure that they are always invoked at the top level of your React function. By following this rule, you can ensure that hooks are called in the same order in each rendering. This allows react to maintain the correct hook state between multipl ...
Posted by SyWill on Sat, 04 Dec 2021 18:57:34 -0800
react source code analysis 13.hooks source code
react source code analysis 13.hooks source codeVideo Explanation (efficient learning): Enter learningPrevious articles:1. Introduction and interview questions2. Design concept of react3.react source code architecture4. Source directory structure and debugging5. JSX & Core api6.legacy and concurrent mode entry functions7.Fiber architecture8. ...
Posted by raker7 on Fri, 03 Dec 2021 23:03:09 -0800
react source code analysis 6.legacy mode and concurrent mode
react source code analysis 6.legacy mode and concurrent modeVideo Explanation (efficient learning): Enter learningPrevious articles:1. Introduction and interview questions2. Design concept of react3.react source code architecture4. Source directory structure and debugging5. JSX & Core api6.legacy and concurrent mode entry functions7.Fiber a ...
Posted by MartinGr on Fri, 03 Dec 2021 17:59:52 -0800
react source code analysis 5.jsx & Core api
react source code analysis 5. JSX & Core apiVideo Explanation (efficient learning): Enter learningPrevious articles:1. Introduction and interview questions2. Design concept of react3.react source code architecture4. Source directory structure and debugging5. JSX & Core api6.legacy and concurrent mode entry functions7.Fiber architecture8 ...
Posted by misc00500 on Fri, 03 Dec 2021 17:48:38 -0800
react component communication
react introduction and installation
Chinese website: https://react.docschina.org/
Official website: https://reactjs.org/
introduce
1.react Is used to build web User interface.
2.Throughout react Almost all of them are used JavaScript Code development .
3.react It can scale freely in front of a class library or an entire framework.
4.author: ...
Posted by ReDucTor on Fri, 03 Dec 2021 07:37:36 -0800
react source code analysis 12. Status update process
react source code analysis 12. Status update process
Video Explanation (efficient learning): Enter learning
Previous articles:
1. Introduction and interview questions
2. Design concept of react
3.react source code architecture
4. Source directory structure and debugging
5. JSX & Core api
6.legacy and concurrent mode entry functions ...
Posted by bw on Thu, 02 Dec 2021 17:01:06 -0800