写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的文章。有译文正文时显示译文。没有时显示英文，并注明这一点。
标签：State Management
使用 TypeScript、Zustand 和 Typed Services 构建可预测的 React 基线
一个简单的 React、TypeScript 和 Zustand 框架，实现了存储层、带类型标注的 API 服务与组件的分离，并提供了关于结构设计、异步状态处理及测试方面的规范。
阅读约 5 分钟React 流式应用中的状态分层：Context、Redux Toolkit 与 RTK Query
跟随视频流前端的发展历程，从 prop drilling、嵌套提供者，到 Redux Toolkit slices 与 RTK Query，了解不同类型的状态应归属于哪种工具。
阅读约 8 分钟Zustand与Redux Toolkit与Context：基于Renders的React状态管理器及包体积对比
一个使用八种React状态模式构建的购物车应用，经过渲染次数与压缩后包大小的测试：这些数据揭示了Zustand与Redux Toolkit的优劣。
阅读约 9 分钟按生命周期查看作用域状态：何时React Portal真正需要全局存储
了解如何根据状态的所有者和生命周期来判断 React Portal 中的状态应存放何处，为何全局状态管理会引发清理问题，以及在哪些情况下真正需要使用 Redux 或 Zustand。
阅读约 4 分钟在实时 Next.js 单体仓库中，Zustand 与 TanStack Query 的边界问题
学习如何使用 Zustand、TanStack Query 和套接字，在一个协作的 Next.js 单体仓库中为 UI 状态、服务器状态和实时事件制定明确的所有权规则。
阅读约 10 分钟将 React 的键作为组件标识：状态的保留与重置
React的键决定了在渲染后哪个组件实例会保留。索引键如何导致行与行之间的状态泄露，以及如何通过更改键来刻意重置表单。
阅读约 6 分钟为何使用 push() 会导致 React 用户界面过时，以及如何通过新引用解决此问题
了解为何在 useState 中修改数组不会触发重新渲染，React 的引用检查机制是如何工作的，以及何时应该使用展开复制和函数式更新。
阅读约 6 分钟从 First Slice 到异步数据：Redux Toolkit 的实用思维模型
通过计数器、购物车和产品列表，了解 Redux Toolkit 的 store、slices、Immer 驱动的 reducer、selector 以及 createAsyncThunk 是如何相互配合的。
阅读约 9 分钟在 Angular 中用带区分条件的异步状态联合体替换加载标志
将 Angular 的异步操作建模为一种带类型的联合类型，通过计算信号生成布尔值，并利用单一的 RxJS 运算符驱动所有的状态转换。
阅读约 11 分钟