一个ref.current的获取，扩展到从React setState的同步异步到React18的新批量更新策略

useEffect 不寻常的执行时机？ 在我们的认知中， useEffect 为了防止卡顿应该在浏览器重绘之后执行，实际上，它并不能完全保证在重绘之后执行：如果在某个render 的 useLayou

1. 引子 虽然 React 的状态管理是一个老生常谈的问题，网上和社区中也能搜到相当多的资料。这里还是想梳理下从我接触 React 开始到现在对状态管理的一些感想。 所有的新技术的出现和流行都是为了解决特定的场景问题，这里也会以一个非常简单的例子作为我们故事的开始。 上述的场…

...

服务端直出HTML会让首屏较快展现，且利于SEO。但所有页面的加载都需向服务端请求，如果访问量较大，会对服务器造成压力。此外，页面之间的跳转，页面局部内容的变动都会引起页面刷新，体验不够友好。 只有首次进入或刷新时需要请求服务器，页面之间的跳转由JS脚本完成，响应较快。但由于服…

在 React 16.8 之前，函数组件只能是无状态组件，也不能访问 react 生命周期。hook 做为 react 新增特性，可以让我们在不编写 class 的情况下使用 state 以及其他的 react 特性，例如生命周期。接下来我们便举例说明如何使用 hooks 来模…

泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性，主要在用typescript时可以实现类型推导，不需要人为的每个地方去约束类型。 在实现react组件时，有时候我们也想通过泛型来定义某个属性的类型。比如常见的列表…

想必大家在学习React的时候对转发 ref 这个概念很模糊，看了这篇文章后应该会豁然开朗吧，应该吧?

在谈及 Immutable 数据之前，我们先来聊聊 React 组件是怎么渲染更新的。 state 的更新一般是通过在组件内部执行 this.setState 操作, 但是 setState 是一个异步操作，它只是执行将要修改的状态放在一个执行队列中，React 会出于性能考虑…