JotaiJotai

Jotai
React 原始而灵活的状态管理

介绍

欢迎阅读 Jotai v2 的文档!Jotai 的原子化全局 React 状态管理方法可以从简单的 useState 替代品扩展到具有复杂需求的企业应用程序。

特性

  • 最小化的核心 API(2kb)
  • 许多实用工具和扩展
  • 面向 TypeScript
  • 与 Next.js、Gatsby、Remix、Waku 和 React Native 兼容

核心

Jotai 有一个非常简洁的 API,只从主 jotai 包中暴露了几个导出。它们在下面被分为四个类别。

atom
useAtom
Store
Provider

实用工具

Jotai 还包括一个 jotai/utils 包,其中包含各种额外的实用函数。一个例子是 atomWithStorage,它包括 localStorage 持久性和跨浏览器标签同步。

Storage
SSR
Async
Lazy
Resettable
Family

扩展

Jotai 为许多官方扩展提供了单独的包,包括用于 React Query 的 atomWithQuery 和用于 XState 的 atomWithMachine,等等。

tRPC
Query
Effect
URQL
Immer
XState
Location
Cache
Scope
Optics

工具

还有 SWC 和 Babel 编译器插件,用于支持 React Fast Refresh 和调试标签。这在使用 Jotai 与 React 框架(如 Next.js 或 Gatsby)时,提供了最佳的开发者体验。

SWC
Babel
Devtools

基础

学习库的基本概念和原语,发现它与其他解决方案的比较,以及看到它的使用示例。

概念
比较
示例
函数式编程和Jotai

指南

这些指南可以帮助使用常见的情况,如 TypeScript、React 框架和基本模式。

迁移到v2 API
TypeScript
Next.js
Gatsby
Remix
React Native
调试
性能
测试
核心内部
组合原子
Atoms in atom
在渲染时初始化状态
持久性

食谱

这些食谱可以帮助处理更高级的模式。

大对象
自定义useAtom hooks
useAtomEffect
atomWithToggle
atomWithCompare
atomWithToggleAndStorage
atomWithRefresh
atomWithRefreshAndDefault
atomWithListeners
atomWithBroadcast
atomWithDebounce
useReducerAtom