Programming VIP

react source code analysis 7 Fiber architecture Video course (efficient learning): Enter the course Course catalogue: 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 7.Fiber ...

Before learning Redux, you should understand what is redux. Because the most popular way of learning is to understand what functions it can bring to your project and what problems it can solve before learning a certain knowledge! start redux is a JS library dedicated to state management, which centrally manages the state shared by multiple co ...

Link: Document address. 1. Get to know Redux 1.1 JavaScript pure functions In functional programming, there is a concept called pure function. JavaScript conforms to the paradigm of functional programming, so there is also the concept of pure function; In React, the concept of pure function is very important, and it is also very important i ...

1.virtual dom model Virtual DOM is like a virtual space to react. Almost all work of react is done based on virtual dom. Among them, the virtual DOM model is responsible for the construction of the underlying architecture of virtual dom. It has a complete set of virtual DOM tags, and is responsible for the construction, update and deletion of ...

catalog: 1,new Promise() 2,.then()And chain call 3,.resolve()and.reject() 4,.all()and.race() Before tearing Promise by hand, we have to understand the characteristics of Promise.First of all, Promise is essentially a constructor, which can create Promise object instances to meet the requirements of asynchronous programming.The Promise features ...

preface Since the official introduction of hook by react, many partners have changed from the old class component to hook component. However, there are still some differences between hook component and class component, so the following summarizes four parameter transmission methods 1, Father to son The child component receives the dat ...

In the React component, we will execute the method in useEffect() and return a function to eliminate its side effects. The following is a scenario in our business. This custom Hooks is used to call the interface to update data every 2s.import { useState, useEffect } from 'react'; export function useFetchDataInterval(fetchData) { const [list, ...

Download is used in react project. The back-end interface is requested to return the file stream, and the front-end processes the file stream to generate files for download. To set responseType!! The method adopted is the Blob method that can be found at random on Baidu. The file format to be downloaded at the beginning is pdf, but the downlo ...

state 1. The direction of the method this in the class this in constructor and render points to the instance object of the class componentOrdinary functions defined inside the class component, as the callback of onClick, are not called through an instance, but directly. By default, the local strict mode is enabled inside the class component, ...

1 understanding of react Advantages: Efficient and flexibleDeclarative design, easy to useComponent development to improve code reuse rateOne way response data flow is safer and faster than two-way binding 2 real dom and virtual dom jsx: JSX is actually a syntax sugar, which will be compiled and converted into JS code by babel during use ...