plarail_hangout https://blog.hatena.ne.jp/plarail_hangout/ Engineering Tech Dojo https://tech.fun-toy-life.com/ OpenAPI TypeScript React orvalでOpenAPIからReact Queryフックを自動生成する はじめに OpenAPIで定義したAPIをReactから呼び出すとき、useQuery や useMutation を毎回手書きしていませんか？ orval を使うとOpenAPI仕様からTypeScriptの型定義・React Queryフック・APIクライアントをまとめて自動生成できます。APIの変更に追従しやすく、Next.js + React Queryの組み合わせで特に人気のあるツールです。 型定義のみの生成は「OpenAPIからTypeScript型定義とfetchクライアントを自動生成する」を参照してくださ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.fun-toy-life.com%2Fentry%2F2026%2F05%2F26%2F093138" title="orvalでOpenAPIからReact Queryフックを自動生成する - Engineering Tech Dojo" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-05-26 09:31:38 rich https://tech.fun-toy-life.com/entry/2026/05/26/093138 1.0 100%