概念

Jotai 是一个让你回归 React 开发基础并保持一切简单的库。

从零开始

在尝试将 Jotai 与我们以前可能知道的内容进行比较之前，让我们直接深入到非常简单的东西中。

React 的世界非常像我们的世界，它是由许多小实体组成的大集合，我们称它们为组件，我们知道它们有自己的状态。组织你的组件以便它们可以一起交互将创建你的应用。

现在，Jotai 的世界也有它的小实体，原子，它们也有自己的状态。组合原子将创建你的应用状态！

Jotai 认为任何东西都可以是原子，所以你可能会说：“嗯，我需要对象和数组，过滤它们然后对它们进行排序”。 这就是它的美丽之处，Jotai 优雅地让你从更笨的原子中创建出笨原子。

例如，如果我有一个页面有两个选项卡：在线朋友和离线朋友。 我将有两个原子，它们简单地从一个共同的、更笨的源中派生出来。

const dumbAtom = atom([{ name: 'Friend 1', online: false }])
const onlineAtom = atom((get) => get(dumbAtom).filter((item) => item.online))
const offlineAtom = atom((get) => get(dumbAtom).filter((item) => !item.online))

你可以无限地增加复杂性。

Jotai 的另一个令人难以置信的特性是使用异步原子时内置的挂起能力。这是一个相对较新的特性，需要更多的实验，但绝对是我们构建 React 应用的未来。查看文档以获取更多信息。