tag
系统覆盖前端状态管理在 TypeScript 下的类型安全实践：单一数据源与状态分层建模、Zustand 的 create 类型推导与 selector 优化、Redux Toolkit 的 createSlice 自动类型生成、Immer 不可变更新的类型安全、异步状态（loading/error/data）的判别联合建模、跨模块共享类型契约与派生选择器，以及大型应用的状态边界设计，帮助开发者写出「类型即文档、重构不破胆」的状态层。
引言 状态管理是前端架构中最容易被低估、也最容易演变成技术债的领域。useState 解决的是组件局部状态，Context 解决的是跨层级传递，但当共享状态开始跨越模块、页面甚至服务端边界时，方案的取舍就变得复杂。本文系统梳理从 React 内置方案到 Redux/Zustand/信号、再到 TanStack Query 的完整图谱，并给出可落地的选型决策树。
深入探讨微信小程序中的状态管理方案，从全局状态设计到 MobX、Redux 等第三方库的应用，覆盖跨页面数据同步、状态持久化与性能优化。
系统性对比前端状态管理方案：Flux/Redux（RTK）、Zustand、Jotai、Recoil、Valtio、Pinia、Vuex、TanStack Query / SWR（服务端状态）、Context API、URL State、Local Storage State。按状态类型分类（服务端/客户端全局/本地/UI），给出选型决策树、性能对比、跨框架方案与实战代码。覆盖 Vue3 + React 生态。
Flutter 状态管理深度对比：setState、Provider、Riverpod、BLoC、Redux、MobX——从原理到选型，覆盖各方案完整实战示例。
React 状态管理的完整体系：从 useState 到底层原理，Context 的适用与陷阱，Zustand 极简 Store，Jotai 原子化状态，Redux Toolkit 企业级方案，TanStack Query 服务端状态管理。按项目规模给出选型决策树、渲染性能分析和代码规范。
在 Next.js App Router 中选择合适的状态管理方案——深度对比 Zustand、Jotai、Redux Toolkit，理解服务端状态与客户端状态的边界，以及 URL 作为状态源的最佳实践。