JotaiJotai

状態
原始和灵活的 React 状态管理

案例

  • 文本长度示例 Open in CodeSandbox

    计算长度并显示任何文本的大写。

  • 黑客新闻示例 Open in CodeSandbox

    用 Jotai 演示一篇新闻文章,点击下一步查看更多文章。

  • Todos 示例 Open in CodeSandbox

    通过在此应用程序中输入待办事项列表来记录您的待办事项,如果您已完成任务,请将其勾选,并在“已完成”和“未完成”之间切换以查看任务状态。

  • 使用 atomFamily 和 localStorage 的 Todos 示例 Open in CodeSandbox

    使用 atomFamily 和 localStorage 实现待办事项列表。 您可以通过单击 “保存到 localStorage” 将您的待办事项列表存储到 localStorage,然后删除您的待办事项列表并尝试通过单击 “从 localStorage 加载” 来恢复它们。

  • 使用 Next.js 的时钟 Open in CodeSandbox

    使用 Next.js 和 Jotai 的 UTC 时间电子时钟实现。

  • 井字游戏 Open in CodeSandbox

    用 Jotai 实现的井字游戏。

  • React Three Fiber 示例 Open in CodeSandbox

    使用 Jotai 和 react-three-fiber 的简单演示