使用例
openapi-fetchを他のフレームワークやライブラリと組み合わせて使用するコード例
React + React Query
React Query は、Reactでopenapi-fetchを使用するための理想的なラッパーです。わずか13 kBのサイズで、クライアントサイドのキャッシュ機能を提供し、クライアントの負担を増やすことなく利用できます。また、その優れた型推論機能により、openapi-fetchの型が最小限の設定で完全に保持されます。
Next.js
Next.js は、React向けの最も人気のあるSSR（サーバーサイドレンダリング）フレームワークです。React Query はクライアントサイドでのデータ取得に推奨されていますが、この例では、Next.jsのサーバーサイドでのデータ取得機能を利用し、ビルトインのキャッシュ機能を活用する方法を示しています。
Svelte / SvelteKit
SvelteKit の自動型推論機能は、クライアントサイドでのデータ取得やページデータの取得において、openapi-fetchの型を簡単に活用できます。また、追加のライブラリを必要とせずに動作します。SvelteKitは、ロード関数内でカスタムフェッチを使用することを推奨しており、これはフェッチオプションで実現できます。
注: SvelteKitを使用しない場合でも、src/routes/+page.svelte 内のルート例は、SvelteKitの機能を使用しておらず、どのようなセットアップにも適用可能です。
Vue 3
Vue 3 は大規模なエコシステムを持つ人気のフレームワークです。Vue 3のComposition APIは、関心の分離やリアクティビティを容易にするため、openapi-fetchと非常に相性が良いです。
他の例も歓迎しています！あなたの使用例をPRとして提出してください。