教學簡介

此單元假設您已安裝 Recoil 和 React。請參閱入門頁面，了解如何從頭開始使用 Recoil 和 React。以下各單元中的元件都假設父層樹狀結構中含有 <RecoilRoot />。

在本教學中，我們將建立一個簡單的待辦事項應用程式。我們的應用程式將能夠執行以下操作

• 新增待辦事項
• 編輯待辦事項
• 刪除待辦事項
• 篩選待辦事項
• 顯示實用的統計資料

在此過程中，我們將涵蓋原子、選取器、原子家族以及 Recoil API 提供的鉤子。

SideGuide 提供了此教學互動版本，內含即時程式碼範例：https://app.sideguide.dev/recoil/tutorial/