![\"openapi-fetch\"](\"../../docs/public/assets/openapi-fetch.svg\")
\n\nopenapi-fetch is a type-safe fetch client that pulls in your OpenAPI schema. Weighs **6 kb** and has virtually zero runtime. Works with React, Vue, Svelte, or vanilla JS.\n\n| Library | Size (min) | “GET” request\\* |\n| :------------------------- | ---------: | :------------------------- |\n| openapi-fetch | `6 kB` | `300k` ops/s (fastest) |\n| openapi-typescript-fetch | `3 kB` | `300k` ops/s (fastest) |\n| feature-fetch | `15 kB` | `300k` ops/s (fastest) |\n| axios | `32 kB` | `225k` ops/s (1.3× slower) |\n| superagent | `55 kB` | `50k` ops/s (6× slower) |\n| openapi-typescript-codegen | `367 kB` | `100k` ops/s (3× slower) |\n\n_\\* [Benchmarks are approximate](https://github.com/openapi-ts/openapi-typescript/blob/main/packages/openapi-fetch/test/index.bench.js) to just show rough baseline and will differ among machines and browsers. The relative performance between libraries is more reliable._\n\nThe syntax is inspired by popular libraries like react-query or Apollo client, but without all the bells and whistles and in a 6 kb package.\n\n```ts\nimport createClient from \"openapi-fetch\";\nimport type { paths } from \"./my-openapi-3-schema\"; // generated by openapi-typescript\n\nconst client = createClientNew post body
\",\n publish_date: new Date(\"2023-03-01T12:00:00Z\").getTime(),\n },\n});\n```\n\n1. The HTTP method is pulled directly from `createClient()`\n2. You pass in your desired `path` to `GET()`, `PUT()`, etc.\n3. TypeScript takes over the rest and returns helpful errors for anything missing or invalid\n\n## 📓 Docs\n\n[View Docs](https://openapi-ts.dev/openapi-fetch/)\n","readmeFilename":"README.md"}