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

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。

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

hooks 设计的初衷就是为了使开发更加快捷简便，因此在使用hooks 的时候，我们不应该吝啬使用较多的hooks，例如我们处理不同状态对应不同逻辑的时候，按照写class的逻辑，我们经常会在一个生命周期函数里写下多个逻辑，并用if区分；在写hooks的时候，因为没有shoul…

每次提及 Hook 时，只能说得出 useState 以及 useEffect 来。是得好好总结总结，全面认识 Hook 。 自定义 Hook ，常见 Hook 的实现。 React Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进…

Hook 是 React 16.8 的新增特性。 Hooks本质上就是一类特殊的函数，它们可以为你的函数型组件（function component）注入一些特殊的功能，让您在不编写类的情况下使用 state(状态) 和其他 React 特性。 状态逻辑难以复用： 业务变得复杂…

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆。 在接下来日子，我们每周都会为大家输出好玩、有趣、符合前端发展的技术型文章，这个过程我们一起学习进步💪。如果觉得某位小哥哥/小姐姐写的不错的话，还请不要吝啬你的赞👍哦，每个赞和评论都是对我们最好的支持😊，感谢。 …

如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。如果你感觉有问题，也欢迎在评论区评论，三人行，必有我师焉 如果是你一个React开发者，或多或少接触了React 16.8的一些新特性。例如：React.memo()、React.lazy、React.Suspense等一些…

Hi~我是Tom，这是我整理的React学习路线，文章许多地方对Vue进行的类比，阅读之前我希望你已经十分熟悉Vue.js。 这将是掘金上最全的React指南，里面涉及到React.js，Redux，路由，cli工具，指南主要是以使用步骤为主，告诉你如何直接实现需求，本指南主要…