Vercel 团队维护的 React 和 Next.js 性能优化指南的Skill： React Best Practices，包含 45 条规则，8大类的优化的方向。

掘金上关于 useEffect 的文章不少， 但真正把它 讲清楚、讲透、讲到你能写出可维护代码 的，其实不多😉😉😉。 今天哥们直接用几个你能马上复制运行的 Demo， 从最基础的依赖数组、清理副作用、

一、简单场景：用 useState 1. 只有一个简单的计数器 二、 复杂场景：必须用 useReducer 场景1：状态逻辑复杂 场景2：多个操作修改同一个状态 场景3：下一个状态依赖当前状态 三、

“受控组件（Controlled） VS 非受控组件（Uncontrolled）”！ 一句话版理解 受控组件：你输入的值，React 全程都知道，一切尽在掌控。

React 共享状态：告别“祖传”Props，拥抱“真香”体验！🚀 各位掘友，请脑补这个经典剧情： 你正在快乐地写着 React 组件，突然发现：卧槽！这个 state 居然要在另一个组件里用到？！😱

​          最近开发中，遇到了组件通讯的需求，我很难理清楚复杂项目中的通讯思路，本身经验不足，而且自己写的项目一般都是用状态管理工具resso或者zustand直接所有组件使用，或者直接父子

React 19 稳定版已经发布将近一年, 与 React 18 相比，这个版本代表了 React 演进路线上的又一个重要里程碑。

在 React 函数组件中，我们常用 useState 来管理会触发页面更新的状态。但有些数据——比如定时器 ID、DOM 节点引用、或上一次的计算结果——我们只想记住它，却不想因为它的变化而重新渲染

前言 你有没有过这种疑惑： 明明在 “出租屋”（函数）里放的 “行李”（变量），房东都退房了，这行李咋还能拿出来用？或者循环里的变量总 “串房间”，明明住 1 号房，结果跑到 6 号房去了？在函数里定