言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

什么是副作用？ 我们首先从字面意思了解一下什么是副作用 看了很多，一直对副作用的理解不是很深入，直到看到了一篇文章的解释 因为"药物的副作用"，一直以来都没有很好的理解编程中副作用一词，想当然的把它理

理解副作用是深入理解现代前端框架的前提。 副作用（side-effect）是指让一个函数变得不再纯净（pure）的东西。一个纯净的函数，无论何时何地（any time any wherer）执行，都会得到稳定的结果，这对保障程序的稳定性和性能都有极大的帮助。那么反过来，如果一个…

React 18 正式版已经发布。今天我们从使用者的角度来探索下 React 17 升级到 18 会遇到的问题和一些新增的功能。

为了支持React 18，React类型定义进行了升级，其中包含了一些break change。本文将讲述在TypeScript中如何升级到React 18

本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。

Vue、React、Angular这一类前端框架的出现使得我们不再需要去手动操作Dom了，回想曾经的JQuery时代，与DOM打交道是最为频繁也最为头疼的，比如我前端入门时期收获最多的书之一就是JavaScript DOM编程艺术。 现在我们和DOM直接打交道的机会少的多了，但…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

1. 引言 如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。 2. 精读 也就是，一个返回了…