一 背景 大家好，我是 alien ，一提到更新，是前端框架中一个老生常谈的问题，这些知识也是在面试中，面试官比较喜欢问的，那么在不同的技术框架背景下，处理更新的手段各不相同，今天我们来探讨一下，主流

其实关于这个问题在知乎和百度上都有提及，但是在掘金上却没有详细的文章，因此准备出一篇文章来解决在useEffect中如何使用定时器。有一篇文章写得特别好，如果大家想深入理解可以点击此链接 使用 React Hooks 声明 setInterval 你会惊讶的发现你不仅value…

本文将介绍 React Hooks 使用中常见的 ”闭包陷阱“的问题，并结合实际的案例来分析原因和提供解决方案。

在两年多的 React Hooks 使用过程中，我越来越发现大家（包括我自己）对 React Hooks 的使用姿势存在很大误区，归根到底是官方文档的教程很不严谨，存在错误的指引。

近期在某平台开发迭代的过程中遇到了超长List嵌套在antd Modal里加载慢，卡顿的情况。于是心血来潮决定从零自己实现一个虚拟滚动列表来优化一下整体的体验。 首先我们需要定义几个变量/名称。 vListContainer 为可视区域的容器，具有 overflow-y: au…

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。

前言 现在写这篇文章的时候，React的版本已经是17.x，Typescript也已经是4.x，webpack也已经到了5.x。而我们组的业务一直都很忙，所以我们的项目模版还是React16.x（不支

Hello，大家好，我是知秋今天给大家的分享的是React中很重要的一个东西，就是Hooks，我会按照下面这个目录给大家分析Hooks在项目中的基本用法。 存在的问题 Hooks的目的 Hooks使用

传统的diff算法是使用循环递归对节点进行依次对比，复杂度为O(n^3),效率低下。 针对树结构(tree diff)：对UI层的DOM节点跨层级的操作进行忽略。（数量少） 针对组件结构(component diff)：拥有相同类的两个组件生成相似的树形结构，拥有不同类的两个组…