使用例
openapi-fetchを他のフレームワークやライブラリと組み合わせて使用するコード例
React + React Query
React + SWR
See swr-openapi
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として提出してください。