概念

Jotai 是一个库，可以让你回到 React 开发的基础并让一切变得简单。

从头开始

在尝试将 Jotai 与我们之前可能已知的内容进行比较之前，让我们直接深入了解一些非常简单的内容。

React 世界非常像我们的世界，它是一大堆小实体，我们称它们为组件，我们知道它们有自己的状态。 构建您的组件以完全交互将创建您的应用程序。

现在，Jotai 世界也有它的小实体、原子，它们也有它们的状态。 组合原子将创建您的应用程序状态！

Jotai 认为任何东西都是一个原子，所以你可能会说：“嗯，我需要对象和数组，过滤它们然后整理它们”。 这就是它的美妙之处，Jotai 优雅地让您创建从更多傻瓜原子派生的傻瓜原子。

例如，如果我有一个包含 2 个选项卡的页面：在线好友和离线好友。 我将有 2 个原子，它们只是从一个普通的、傻瓜的来源中衍生出来的。

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 的另一个令人难以置信的特性是在使用异步原子时内置的 suspend 能力。 这是一个相对较新的特性，还需要进行更多的试验，但绝对是我们构建 React 应用程序的未来。 查看文档 了解更多信息。