跳到正文
前端学习导航站
English (语言)

推荐一个站点

填个名字和网址,提交后会在 GitHub 打开推荐页,确认后即完成推荐。

把状态拆成原子自由组合,依赖自动追踪,React context 重渲染的顽疾正解

内容更新日期 · 2026-10-19

What is it · 它是什么

什么是 Jotai

Jotai 是 Poimandres 出品的 React 状态管理库:状态拆成最小的原子(atom),像搭积木一样组合,依赖关系自动追踪——只有真正用到某原子的组件才会重渲染,React context 全树重渲染的顽疾就此解决。派生状态、localStorage 持久化、Immer/XState/Query 等扩展生态齐全,从简单替代 useState 到企业级 TypeScript 应用都罩得住。MIT 开源。

How to use · 怎么用

怎么用 Jotai

  1. 从 useState 平滑迁入:一个 atom 就是一个最小状态单元。
  2. 组合原子构建派生状态,渲染自动优化。
  3. 按需挂持久化、Immer、XState 等扩展。

Key features · 核心特点

Jotai 的核心特点

  • 原子化状态,自由组合
  • 依赖自动追踪,精准渲染
  • 扩展生态齐全(持久化/Immer/XState)
  • Poimandres 出品,MIT 开源

同类推荐

内容型网站的首选框架:默认零 JS,需要交互的地方才插 React/Vue 岛屿

全球最流行的前端框架:v6 开始 CSS-first 主题化、组件翻新,连 AI 助手都有专属文档