クライアント概要

非公式ベータ版翻訳

このページは PageTurner AI で翻訳されました（ベータ版）。プロジェクト公式の承認はありません。 エラーを見つけましたか？ 問題を報告 →

tRPC APIは他のREST APIと同様に通常のHTTPリクエストで呼び出すことが可能ですが、tRPCの型安全性を最大限に活用するにはクライアントが必要です。

クライアントはAPIで利用可能なプロシージャとその入力/出力情報を認識します。この情報を活用することで、クエリやミューテーションのオートコンプリート機能、返却データの正確な型付け、バックエンドの構造に合致しないリクエスト記述時のエラー表示が可能になります。

Reactを使用している場合、tRPC APIを呼び出す最適な方法はReact Query連携を利用することです。型安全なAPI呼び出しに加え、キャッシュ、無効化処理、ローディング状態とエラー状態の管理機能を提供します。/pagesディレクトリを使用するNext.js環境では、Next.js連携が利用可能です。こちらはReact Query連携機能に加え、サーバーサイドレンダリングと静的生成のためのヘルパーを追加提供します。

他のサーバーや公式連携が存在しないフロントエンドフレームワークからtRPC APIを呼び出す場合は、Vanillaクライアントが利用できます。

React/Next.js連携やVanillaクライアントに加え、様々なフレームワーク向けのコミュニティ開発版連携が存在します。これらはtRPC公式チームによるメンテナンス対象外であることにご注意ください。