Programmer Think

catalogue 2021SC@SDUSC Execution process of beginWork Talk about the updatesclasscomponent method About bailoutonalreadyfinished work Entrance to DIFF algorithm summary 2021SC@SDUSC Execution process of beginWork Talking about beginWork, what react needs to schedule is the construction and update of the Fiber tree, so we start wit ...

catalogueprefaceRoot causes of performance problemsQuestion 1 (overall repeated rendering): all the sub components wrapped by the Provider component are renderedProblem 2 (local duplicate rendering): using useContext causes the component to renderSolutionProblem solving 1Problem solving 2reference resources preface createContext is an api provi ...

1, React project creation 1. Introduce third-party plug-ins to create React project Install third-party plug-ins npm i react react-dom Introduce react DOM into the page <script src="./node_modules/react/umd/react.development.js"> <script src="./node_modules/react-dom/umd/react-dom.development.js"> Create React element // Cr ...

1, Component introduction Component is the core of react. Using react means using components. Component represents some functions in the page, and multiple components are combined to achieve complete page functions. It is characterized by reusability, independence and combination. React component can cut the UI into some independent and re ...

preface The school started, but since the end of the defense, the state has been unable to return. I don't want to study or move. I just want to sleep and play, but I worry every day for no reason. I didn't brush the interview questions, didn't practice the physical test, etc. More or less anxious, yes. No matter how much, this time sim ...

Preamble Introduction Beginning with this article, we are officially entering the vue3.0 source code parsing process.Personally, starting with ceateApp is not the best way to learn, so let's start with composition-api responsive principles and work together to learn what dramatic changes vue3.0 brings. The serialized articles are roughly the s ...

Pre-declaration I'm not really good. This web page design is also a regular web page which uses what I've learned to do. It can be used as a reference for freshmen in the future. The effect of commercial websites is certainly unparalleled. Expectations are too high to close. Please criticize me severe ...

Write at the beginning Recently, the official account of React-native is the main attack. By the way, I will review the next React-native. Node.js And cross platform direction, architecture and Debug If you are interested in the proposal, we should recommend the following official account. https://mp.weixin.qq.com/s/RsvI5AFzbp3rm6sOlTmiYQ Of ...

1. Preface Hello, I am Ruokawa . This is the eighth part of the whole learning source architecture series. The word "overall architecture" seems to be a little big. Let alone the overall structure of the source code. The main thing is to learn the overall structure of the code without going into the implementation of other specific f ...

1. Introduction Previously, the basic API and UI components of RN are introduced. These components exist in the form of granularity in complex composite components. How to effectively and reasonably use them for packaging is very necessary.There are many benefits to developing composite components, most notably reuse and independent functional ...