一、一个真正的react组件编译后长啥样？ 我们瞎几把解读了react 虚拟dom对象是怎么生成的，生成了一个什么样的解构。一个react组件不光由若干个这些嵌套的虚拟dom对象组成，还包括各种生命周期钩子、自定义方法、事件等组成 下面让我们继续探索 react组件写法 ...

〇、先来看看常用的常量 NoWork = 0 noTimeout = undefined HostRoot = 3 NoContext = 0b000; AsyncMode = 0b001; ...

一、jsx变createElement 每一个用jsx语法书写的react组件最后都会变成 react.createElement(...)这一坨东西， 通过看代码就知道：header这个组件有三个子元素： span text 变量 可以说每遇到一个html ...

react16-Fiber架构：改变了之前react的组件渲染机制，新的架构使原来同步渲染的组件现在可以异步化，可中途中断渲染，执行更高优先级的任务，释放浏览器主线程。 　　React 核心算法的更新 —— 这次更新提供了一个从底层重写了 React 的 reconciliation 算法（译注 ...

写了分析源码的文章后， 总觉得缺少了什么， 在这里补一个整体的总结，输出个人的理解~ 文章的系列标题为Fiber源码分析， 那么什么是Fiber，官方给出的解释是： React Fiber是对核心算法的一次重新实现。 ummm， 这样说实在是有点泛，详细分析一下 先从开发者角度 ...

前言 React实现可以粗划为两部分：reconciliation（diff阶段）和 commit(操作DOM阶段)。在 v16 之前，reconciliation 简单说就是一个自顶向下递归算法，产出需要对当前DOM进行更新或替换的操作列表，一旦开始，会持续占用主线程，中断操作却不容易实现 ...

啥是React Fiber？ React Fiber，简单来说就是一个从React v16开始引入的新协调引擎，用来实现Virtual DOM的增量渲染。 说人话：就是一种能让React视图更新过程变得更加流畅顺滑的处理手法。 我们都知道：进程大，线程小。而Fiber（纤维）是一种比线程还要 ...