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