本文主要讲解 React 合成事件机制，从事件注册到事件执行的整个链路，让你更好的理解 React 事件原理

33张图爆肝介绍React Fiber双缓冲树机制，为什么React采用双缓冲树，节点删除时React如何释放内存，是否存在内存泄漏的风险

1.起因 最近在一边啃源码，一边手写fiber嘛，然后也看了很多博客和资料，基本上大伙好像都是说用requestIdleCallback来模拟react实现一个空闲时间调度。但我自己手写的时候把怎么用

一 引沿 Fiber 架构是React16中引入的新概念，目的就是解决大型 React 应用卡顿，React在遍历更新每一个节点的时候都不是用的真实DOM，都是采用虚拟DOM，所以可以理解成fiber

在不久前的一个大厂试下你的一面当中,一上来就给我丢出了这么一个问题,搞得我头都大了。我也看过很多面经,发现真的很喜欢问这个。关于 React 的,10 篇里面有 5 篇都会问到 Fiber 相关的。

现在用 `react` 开发离不开各种 `hooks`。学习各种 `hooks` 的工具库，有助于我们更好的使用和理解 `hooks` 。

React 是前端开发每天都用的前端框架，自然要深入掌握它的原理。我用 React 也挺久了，这篇文章就来总结一下我对 react 原理的理解。 react 和 vue 都是基于 vdom 的前端框架

为什么react需要fiber架构，fiber如何让任务分片进行，vue为什么不需要fiber架构。

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，