LeeWahJoel

工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容

其实乐观更新并不是一个新潮的思想，但大家普遍不会去实现乐观更新，归根到底还是实现成本太高。所以本篇会结合 Next.js 和 useOptimistic 讲解如何低成本并考虑全面的实现一个乐观更新。

2020年的12月21日，react官方对外宣布了一个还处于打磨阶段的新特性：“React server component”。官网的blog上对于“React server component”的简短描述也赫然于屏幕上： 仅仅凭【Zero-Bundle-Size】寥寥数语，我…

都会用 nextTick，也都知道作用是在下次 DOM 更新循环结束之后，执行延迟回调能拿到更新后的 DOM 相关信息....

在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的this.render方法返回值，或者FunctionComponent执行的返回值）进行比较。根据比较的结…

写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一

Hook 使用规则 在官方文档Hook 概览 – React (docschina.org)中，对于 Hook 使用规则叙述如下： 可以看到，官方文档中明确说明了，不要在循环、条件判断或者子函数中调用

setState异步更新 我们都知道，React通过this.state来访问state，通过this.setState()方法来更新state

异步模式则完全不同，每一个任务有一个或多个回调函数(callback)，前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致的、异步的，在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去…