如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

今天想详细写写Hooks中的过期闭包问题（Stale Closure Problem）。这个问题在上一篇文章，手写Hooks中出现过。当时只是简单的提了一句，现在打算展开仔细说一下。 这次我想试验一种新的写作方式，我叫它“问答式写作法”。灵感来自于费曼技巧 - 诺贝尔获奖者理查…

我们使用React开发项目的时候，基本上是单页面应用，也就离不开路由。路由看似神秘，当我们简单的模拟一下它的核心功能后，发现也就这么回事儿。本文就详细的介绍一下react-router-dom 的HashRouter的核心实现逻辑。 HashRouter是一个大的容器，它控制着…

上次讲述了任务的优先级，以及如何根据优先级（过期时间）加入任务链表,今天来分析一下如何在一个合适的时机去执行任务。 上文讲到要用requetAnimationFrame去模拟requestIdleCallback，但requetAnimationFrame有个缺点，就是当前ta…

自从react 16出来以后，react fiber相关的文章层出不穷，但大多都是讲解fiber的数据结构，以及组件树的diff是如何由递归改为循环遍历的。对于time slicing的描述一般都说利用了requestIdleCallback这个api来做调度，但对于任务如何调…