跳至主要内容

教程简介

本节假设您已安装 Recoil 和 React。有关从头开始使用 Recoil 和 React 的方法,请参见 入门 页面。以下各节中的组件假定父树中存在 <RecoilRoot />

在本教程中,我们将构建一个简单的待办事项列表应用程序。我们的应用程序将能够执行以下操作

  • 添加待办事项
  • 编辑待办事项
  • 删除待办事项
  • 过滤待办事项
  • 显示有用统计信息

在此过程中,我们将介绍原子、选择器、原子族以及 Recoil API 公开提供的钩子。

SideGuide 提供了本教程的交互式版本,其中包含实时代码示例:https://app.sideguide.dev/recoil/tutorial/