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

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

用React fiber实现更新渲染逻辑，实现fiber的双缓冲机制，实现类组件、函数组件和Hooks

什么是 React fiber？Fiber 解决了什么问题？Fiber使用链表数据结构，通过浏览器 requestIdleCallback接口，让协调过程实现了可中断执行，分片完成协调任务

前言 在听到这么一个问题的时候，首先脑海中总体思路是这样子的： 认识自定义Hook的基本概念 能够使用自定义Hook进行复用逻辑的封装 了解自定义Hook的最佳实践与工作原理 进一步深入Hook底层原

最近写一个需求用到了优先队列和二叉堆的相关知识，借此机会梳理了一些二叉堆的相关知识分享给大家。 优先队列是数据结构中的基础概念，与队列先进先出（FIFO）的出队顺序不同的是 ，它的出队顺序与元素的优先级相关。 例如 React 的时间分片（React Fiber），它将渲染任务…

react16react16的更新完全重写核心代码，升级不用调兼容引入fiber，从根本上解决js单线程运行如果计算量太大导致的动画卡帧和交互卡顿的问题内容设计react简单apireact更新创建u

为什么会提到一个抽象组件的概念，其实我们称其为高复用组件更好，因为其实在业务开发中很多时候会有这样的场景，我们的某部分功能是可以共用给其他部分的，但这部分又不太可能脱离组件或者某个基准数据存在。于是，我们需要将这部分代码进行一定的抽象或者说设计。 混入在其他编程语言中非常常见，…

熟悉React的朋友都知道，React支持jsx语法，我们可以直接将HTML代码写到JS中间，然后渲染到页面上，我们写的HTML如果有更新的话，React还有虚拟DOM的对比，只更新变化的部分，而不重新渲染整个页面，大大提高渲染效率。到了16.x，React更是使用了一个被称为…