Getting started with a big mind map

As the saying goes, "good memory is not as good as bad writing". Today, adhering to the attitude of convenience for later review, I compiled a basic knowledge of React and presented it in a mind map, so that it is convenient to check and fill in the gaps with the old iron. "React" complete mind map is also available! ! !

1. Project initialization

Second, the UI level

2.1 JSX basics

2.2 Advanced

2.2.1 Event handling

2.2.2 Conditional rendering

2.2.3 List

2.2.4 Form

Three, components

3.1 class component

3.1.1 The use of class components must meet the conditions

3.1.2 Related attribute methods

3.1.3 Life cycle graph

3.2 function component

3.2.1 HOOK

3.2.1.1 Functions

3.2.1.2 HOOK rules

3.2.1.3 Custom HOOK

3.3 High-end components

Fourth, the data level

Five, important packages

Sixth, perception

In the process of sorting out these basic knowledge points, I have the following insights, which are not necessarily correct, share them and discuss with you:

1. Many functions in React are not used much in development. For example, Redux+props can meet many needs in terms of data transmission, and only useState, useEffect, etc. are commonly used in Hooks. Some of the functions implemented are only to satisfy the integrity of the entire framework. sex;
2. The emergence of HOOK basically allows function components to dominate the world, without the need to use class components;
3. The framework is constantly evolving in an increasingly simpler direction.

1. If you think this article is good, share it, like it, and let more people see it

2. Welcome to pay attention to the front-end point, line and surface open the road to programming salvation.