React 目前开发以函数组件为主，辅以 hooks 实现大部分的页面逻辑。目前数栈的 react 版本是 16.13.1，该版本是支持 hooks 的，故以下实践是 hooks 相关的最佳实践。

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…

先来思考一个老生常谈的问题，setState是同步还是异步? 再深入思考一下，useState是同步还是异步呢？ 我们来写几个 demo 试验一下。

这篇文章将通过一个使用 React Hook 常遇到的问题（stale state）入手，尝试理解 Hook 的内部运行逻辑。 废话不多说，直接看示例Sandbox。 你能看出示例代码中存在的问题吗？（如果一眼看出来了，那么继续阅读这篇文章可能不会给你带来收益。）这段代码实际运…

在编写 React Hook 代码时，useCallback和useMemo时常令人感到困惑。尽管我们知道他们的功能都是做缓存并优化性能，但是又会担心因为使用方法不正确导致负优化。本文将阐述useCallback和useMemo在开发中常见的使用方式和误区，并结合源码剖析原因，…

近期抽时间对 React hooks 系统的学习了一下，发现真香，根本停不下来，分享一下用了将近一年的心得。 useState 返回值为一个数组，数组的第一个参数为我们需要使用的 state，第二个参数为一个 setFn。 不要在循环、条件或嵌套函数中调用 Hook。 所以总结…

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

class 组件中性能优化可以通过 shouldComponentUpdate 实现或者继承自 PureComponent，当然后者也是通过 shouldComponentUpdate 去做的，内部对 state 和 props 进行了 shallowEqual。 对于函数组件…