Programmer Think

preface Today is the fourth day of learning react. My first small goal is to realize all the functions of todo list software on the web side one by one through react! The previous articles will be put in the preface: 📦 Code warehouse link React todo gitee warehouse 💻 Online preview effect React todo development progress # 👀 Day 1 ...

react source code analysis 16 Concurrent modeVideo Explanation (efficient learning): Enter learningconcurrent modereact17 supports concurrent mode. The fundamental purpose of this mode is to enable applications to maintain rapid response of cpu and io. It is a set of new functions, including Fiber, Scheduler and Lane. It can adjust the response ...

React project construction In the use of react framework, react scaffolding is often used to simplify the creation of react projects. Construction of React scaffold (1) Global install React scaffold: npm install -g create-react-app (2) Build react project - myapp: npx create-react-app myapp Other methods: yarn create react-app mya ...

catalogue 1. Introduction to Yeoman 2. Yeoman uses 3. Manually implement the yeoman construction project 4. Summary 1. Introduction to Yeoman Yeoman is a general type scaffold used to automatically build js projects. Unlike Vue cli, create react app and angular cli, yeoman can do the same for generating scaffolds for specific types of pr ...

React.memo()React.useCallback()React.useMemo() React.memo() In React, when the props or state of the component changes, the view will be re rendered, and the actual development will encounter unnecessary rendering scenes. Take an example: Subcomponents: function ChildComp () { console.log('render child-comp ...') return <div>Child ...

Redux source code analysis: understand how to use Redux thunk from the perspective of source code preface Although Redux is conceptually a relatively simple thing, that is, it changes the State through Action, and the user automatically monitors the State change of the State. However, in fact, when using reducer, the definition of Actions ...

1. Simple and complex components Simple component: no state Complex component: state So what is state? 2. state In fact, the title is: the three core attributes of components (instances). Only class components have instances, and functional components are not qualified at all. In order to solve the problem of functional compon ...

Recently, there is a requirement for a permission tree, and the structure of the tree is relatively deep. If you want to implement it, you can obtain the value of the parent node and pass it to the back end after incomplete selection of the child node. After incomplete sub node selection, you want to obtain the value of the parent node As sho ...

The meeting of graphql and react Remember that I posted a subgraph on the graph and I've been thinking about how to get data out of it. Because I cooked too much, I thought about a lot of ways. First, I consider how this subgraph works, using the graphql query language. (I won't talk about the graphs here, the explanations on the website, ...

Zero. IntroductionreferenceCalculation Ji Blog posts:< Detailed explanation of Proxy in JavaScript>Ruan Yifeng's< ECMAScript 6 getting started>- 15.ProxyCorrected some errors and reorganized the editing and typesetting for personal learning only.The origin of the problemvue3.0 starts Proxy instead of object Defineproperty, causing s ...