記事情報
https://zenn.dev/babel/articles/recoil-for-babel
TLDR(ChatGPT で生成しています)
Recoilにロジックを載せる運用戦略の要約:
Recoil はステート管理ライブラリとして知られていますが、そのデータフローグラフを利用してアプリケーションロジックを構築する点が特徴的です。具体的には、検索画面での「検索条件が更新されたら新しい検索結果が表示される」というロジックの実装方法や、Recoilの非同期セレクタを利用した非同期処理の取り扱い、ページネーションの例など、Recoilを用いた実践的なアーキテクチャの考え方が紹介されています。
要点:
この記事は、Recoilをどのように活用してアプリケーションのロジックを構築するか、その実践的な方法について解説しています。
メモ
// graphql-codegenで生成されたTypedDocumentNode
import { MyQueryNode } from './my-query.generated.ts'
// RecoilStateReadonly<MyQueryResult> 型
const myQueryState = createUrqlSelector({
key: 'my-query',
query: MyQueryNode
});
// このようにすればリクエストを発火しMyQueryの結果を得ることができる
const useMyQuery = () => {
return useRecoilValue(myQueryState)
}