React Query Codegen from OpenAPI

This page summarizes the projects mentioned and recommended in the original post on dev.to

Sevalla - Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com
featured
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com
featured
  1. rapini

    :leafy_green: OpenAPI to React Query (or SWR) & Axios

    Once you generate the custom npm package using rapini, you can start to import all the react query hooks, types, requests and query keys from the package. Let's say you generated your package with output name of my-package, like this: rapini -p path/to/openapi.yaml --output-dir /my-package then you can start importing like this:

  2. Sevalla

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    Sevalla logo
  3. react-query

    Discontinued 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]

    Rapini is a new tool that can generate custom React Query hooks using OpenAPI (Swagger) files.

  4. axios

    Promise based HTTP client for the browser and node.js

    The Command Line Interface (CLI) tool will take a path to an Open API file and generate a package that includes react hooks, typescript types and axios http requests - and this package is conveniently bundled in a way that it can be published to NPM or any other package registry of your choosing.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Data fetching without SWR

    2 projects | /r/nextjs | 7 Feb 2023
  • Zodios : an open source HTTP client with type checking at both compile time and runtime (part 2/3)

    2 projects | dev.to | 24 May 2022
  • Here are 5 effective ways to make API request in Reactjs

    2 projects | dev.to | 18 Sep 2024
  • How to Build Progressive Web Apps in 2024? A Step-byStep Guide

    2 projects | dev.to | 3 May 2024
  • How to Fetch API Data in React

    3 projects | dev.to | 17 Dec 2023

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?