チュートリアル イントロ

このセクションでは、Recoil と React がインストール済みであることを前提としています。「はじめに」ページで、Recoil と React の利用方法を最初から確認してください。以下のセクションのコンポーネントには、親ツリーに<RecoilRoot />があることが想定されています。

このチュートリアルでは、シンプルな ToDo リスト アプリケーションを作成します。このアプリでは次のことが可能になります

• ToDo アイテムの追加
• ToDo アイテムの編集
• ToDo アイテムの削除
• ToDo アイテムのフィルタリング
• 役立つ統計情報の表示

ここでは、アトム、セレクタ、アトムファミリー、および Recoil API によって公開されるフックについて説明します。

SideGuide がこのチュートリアルのインタラクティブ版をライブコードサンプルで提供しています: https://app.sideguide.dev/recoil/tutorial/