自从 React v16.8 版本以来，React Hooks 为我们提供了全新的编写和思考 React 组件的方式。这是本系列文章第一篇，我们将探讨最常用的 hook——useState.

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！

由于React16和React17在事件机制在细节上有较大改动，本文仅对React17的事件机制做讲解，在最后对比React17和React16在事件机制上的不同点。

React 为我们提供了一套虚拟的事件系统，这套虚拟事件系统是如何工作的，笔者对源码做了一次梳理，整理了下面的文档供大家参考。 在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象，主要原因是因为 React 想实现一个全浏览器的框架， 为了实现这种目标就需要…

关键词：jsx渲染、react渲染过程 在 React 中，JSX 最终被转换为真实的 DOM 经历了以下步骤： 1. 解析 JSX 在编译阶段，React 使用 Babel 等工具将 JSX 转换为

前言 在react中，对一个组件进行点击事件等操作时，该组件以及该组件的子组件都会重新渲染。避免组件的重新渲染一般可以借助 React.memo、useCallback 等来实现。 什么是 memo

这篇文章讲的是 React 中的 `key`。一个非常基础，但又总是让人“略懂”的属性。不少人知道应该使用具有唯一性的 id 给它赋值，但对内部的工作细节多少还有些模模糊糊。如果你和译者一样，也在“略

Redux结构 有想过自己去实现一个Redux吗？其实并不难，Redux主要就是由store，reducer，action组成的，接下来我们一步一步来尝试的搭建Redux。 Redux的分步实现 re

不可变数据作为函数式编程的重要组成部分，在很多熟知的模块中都广泛运用，比如 React、Redux。因此也出现了许多操作不可变数据的库，如 immutable.js、immer