前段时间在本地起了一个 React Demo 项目，在编码的过程中遇到一个很奇怪的“Bug”。 其中一个组件里面有如下代码（简化版）。 我是万万没想到，就这样一点简单的代码竟然会触发一个“Bug”。

上篇文章介绍了 Suspense, 那么这篇文章就讲讲它的好搭档 useTransition。如果你是 React 的粉丝，这两篇文章一定不能错过。 我们知道 React 内部做了翻天覆地的优化，外部也提供了一些紧凑的新 API，这些 API 主要用来优化用户体验。React …

大文件分片上传，秒传等功能的实现。使用webworker开启新的线程计算hash，实现性能的优化。。

1、整体思路 将文件切成多个小的文件； 将切片并行上传； 所有切片上传完成后，服务器端进行切片合成； 当分片上传失败，

Redux Toolkit 的构建简化了大多数 Redux 任务，防止了常见错误，并使编写 Redux 应用程序变得更加容易。可以说 Redux Toolkit 就是目前 Redux 的最佳实践方式

react-router-dom v6的出现让我们彻底抛弃了react-router-config.

在 React Europe 2020 Conference 上， Facebook 软件工程师 Dave McCabe 介绍了一个新的状态管理库 Recoil。 Recoil 现在还处于实验阶段，现在已经在 Facebook 一些内部产品中用于生产环境。毕竟是官方推出的状态管…

前言 我们在使用React开发过程中经常会遇到父组件引入子组件的情况，在不做任何优化处理的时候，往往会造成子组件不必要的重复渲染。看下面一个简单的例子 React.memo 1、React.memo为

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