React 的任务调度机制其实是对 requestIdleCallback 的实现，至于 requestIdleCallback 是什么，可以自行查阅资料或者阅读本文后面会进行一些粗略的介绍。 基本上很多游览器或者版本都无法支持。 还有一点缺点就是：requestIdleCal…

在 React 中使用有限状态机，似乎不是一个寻常的话题。因为有限状态机通常和前端关系不大。 但是最近我发现了一个非常棒的技巧，可以在复杂的 React 项目中发挥有限状态机的作用。可以很好的提高程序

本文内容涉及ES6 async、jest的相关知识，对于以上内容不太了解的读者可以先了解相关内容。 它由Chrome官方团队提供，通过Devtools协议在Node层提供了一系列API来控制chrome或者chromium，也就是说我们能够编写Node环境的代码即可对浏览器的行…

今天我们React源码交流群里有个小伙伴提出个有趣的问题，觉得自己对React运行流程理解很到位的同学，可以来看看。 render。即调用render函数，根据返回的JSX创建新的fiber。 bailout。即满足一定条件时，React判断该组件在更新前后没有发生变化，则复用…

render与bailout React创建fiber的逻辑render、bailout。 render：调用render函数（组件），返回JSX，与old fiber进行diff后创建fiber。

React 中一个元素可能有 0 个、1 个或者多个直接子元素，React 导出的 Children 中包含 5 个处理子元素的方法。 源码都在 packages/react/src/ReactChildren.js 中。 map 的用法：第一个参数是要遍历的 children…