SaaSHub helps you find the best software and product alternatives Learn more ā
Top 23 TypeScript Axio Projects
-
openapi-typescript-codegen
NodeJS library that generates Typescript or Javascript clients based on the OpenAPI specification
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
tsrpc
A TypeScript RPC framework, with runtime type checking and serialization, support both HTTP and WebSocket. It is very suitable for website / APP / games, and absolutely comfortable to full-stack TypeScript developers.
-
axios-auth-refresh
Library that helps you implement automatic refresh of authorization via axios interceptors. You can easily intercept the original request when it fails, refresh the authorization and continue with the original request, without user even noticing.
-
openapi-zod-client
Generate a zodios (typescript http client with zod validation) from an OpenAPI spec (json/yaml)
-
axios-cache-interceptor
š¬ Small and efficient cache interceptor for axios. Etag, Cache-Control, TTL, HTTP headers and more!
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
-
-
nestjs-v10-webpack-boilerplate
šØ Boilerplate for NestJS v10 with Webpack, Pnpm, Fastify, Swagger, Pino Logger, Airbnb JavaScript Guide, Google JSON Style, ESLint, Prettier, Editorconfig, Husky, Lint-Staged, Commitlint, Axios, Docker, Alias Path, Error Handling and Clustering
-
omniscient
Cutting-edge Full-stack AI Platform delivered as a SaaS (Software as a Service). Built on a robust technology stack, integrated with powerful APIs such as OpenAI and Replicate, offers a seamless experience for code generation, conversation simulation, image creation, music composition, and video generation. (by RicardoGEsteves)
-
typescript-e-commerce
A React e-commerce app build with TypeScript, Sanity CMS, graphQL, process payment with Stripe-API, hosted on Netlify.
-
notify-me-solinca
Mobile app developed with React Native using Expo, JWT authentication and Styled Components, to allow the clients of Solinca's fitness clubs to configure his/her favorite classes and clubs and receive a push notification when a spot is available for these classes and also easily check all the classes with available spots in the favorite clubs.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Iād also add that if you use Typescript with an OpenAPI client generator (https://github.com/ferdikoomen/openapi-typescript-codegen) it can immensely alleviate some of the biggest pain points of seperate backend and front-end. It always used to be a major pain in the ass with the amount of overhead an API change would incur - updating documentation, postman, constant communication between backend and front-end devs, etc. Now I just npm run generate, I see new API changes in my Git client and Typescript errors for code that needs updating.
Also, using a library like Tanstack Query or Rdtk Query can almost completely eliminate manual state management, and kinda makes the whole development experience feel almost like SSR.
The following is a tutorial for some chapters. If you want to learn more about the usage of alovajs, please come to alova official website to learn.
Since the OpenAPI specification is language-agnostic, we can use the output to validate data in both our frontend and backend. This approach makes total sense since we can provide uniform validation rules on both sides of our stack. There are a few libraries out there that can help us with this task, such as typed-openapi or openapi-zod-client, which can take an OpenAPI definition as an input and transform it to zod schema definitons.
Thanks for the feedback!
There is a full interactive sandbox example on the front/landing page https://openapistack.co
But point taken, will make sure code examples are visible on the overview page
different tool for different aspect.
using OPENAPI, rpc, GQL types in client, etc to share typing (schema) information between client/server
resolver/dataloader in GQL, eager join in ORM is to handler internal data composition
presenter layer should not care about data composition, so that writing Query at presenter is an anti-pattern.
presenter should fetch schema info & data passively, like what https://github.com/hey-api/openapi-ts did, the job of implementation belongs to backend.
In fact what rest/rpc really need is the resolver and dataloader, to help backend easily extend or composing data together, and immediately transferring the schema & data to clients.
pydantic-resolve is the python binding for this idea.
Project mention: NestJS tip: how to inject multiple versions of the same provider into one module (e.g.: many Axios instances) | dev.to | 2023-07-09For example, when using the HttpModule module from @nestjs/axios we can use the dynamic module HttpModule.register() to configure our Axios instance. That module exposes a HttpService that has such configuration. But what if we want to have many Axios instances, each one with its own config and import everything in one module?
GitHub Repository: omniscient
I am the creator of up-fetch, a tiny configuration tool for the fetch API. Some of the code used in this guide comes from the repo
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Axios discussion
TypeScript Axios related posts
-
Xior.js: The Modern Axios
-
Show HN: SearchHN: Redefining the Hacker News Experience
-
What are the best practices for SSR with Vuejs and express to make SPA?
-
How to implement algolia index on documentation?
-
Make your apps cost efficient by caching APIs
-
NestJs: Intercept axios responses and throw built-in HTTP errors for the exception filter
-
.NET with React - what to choose between pure MVC, MVC with React or pure React (and .NET backend)?
-
A note from our sponsor - SaaSHub
www.saashub.com | 11 Jun 2024
Index
What are some of the best open-source Axio projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | openapi-typescript-codegen | 2,733 |
| 2 | alova | 2,548 |
| 3 | auth-module | 1,907 |
| 4 | tsrpc | 1,776 |
| 5 | axios-auth-refresh | 1,023 |
| 6 | openapi-zod-client | 646 |
| 7 | axios-cache-interceptor | 536 |
| 8 | openapi-client-axios | 521 |
| 9 | retry-axios | 476 |
| 10 | openapi-ts | 468 |
| 11 | axios-cookiejar-support | 310 |
| 12 | axios | 207 |
| 13 | rapini | 138 |
| 14 | nestjs-v10-webpack-boilerplate | 102 |
| 15 | xior | 91 |
| 16 | epic-free-games | 46 |
| 17 | axios-react | 45 |
| 18 | omniscient | 38 |
| 19 | typescript-e-commerce | 38 |
| 20 | up-fetch | 28 |
| 21 | resreq | 22 |
| 22 | 4rest | 18 |
| 23 | notify-me-solinca | 17 |
Sponsored
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io