在react中，useState与useReducer都是我们在函数组件中定义状态变量的hook，它们的用法和原理都非常类似，所以我们经常会将它们放在一起比较，从本质上来讲：useState就是内置了

我们经常通过自定义 hook 的方式抽离组件的逻辑，而这种自定义 hook 里很多都是给元素绑定事件的。 绑定事件的写法一共有三种，我们一起来过一遍。 首先是 useHover 的 hook： 浏览器

> 作者：郜克帅 原文：<https://dev.to/ajones_codes/a-better-guide-to-forms-in-react-47f0?utm_source=newslette

React 18 最主要的特性就是并发了，很多 api 都是基于并发特性实现的。 那为什么 React 要实现并发？什么是并发？又是怎么实现的呢？ 这篇文章我们就一起来探究一下。 首先，我们过一遍 R

之所以会讨论这个话题，是因为最近在看react源码的时候，对组件更新时beginWork工作中的props校验还有一定的疑问，然后就开始查看组件Fiber节点上pendingProps的生成，然后一直

最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）

useRef 返回的ef 对象在组件的整个生命周期内持续存在。组件在挂载阶段，执行 useRef，其实执行的是 mountRef，而在更新阶段时，则执行的是 updateRef。

如果我们想让 ref.current 修改的时候页面刷新，该怎么办，笔者的想法是 通过 Object.definedProperty 中定义 settter getter ，修改的时候 调

写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一