data-client
orval
data-client | orval | |
---|---|---|
12 | 20 | |
1,891 | 2,297 | |
0.3% | - | |
9.8 | 9.6 | |
3 days ago | 6 days ago | |
TypeScript | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
data-client
-
SWR VS rest-hooks - a user suggested alternative
2 projects | 5 Feb 2023
Provides data fetching, but handles mutations better by using reactive paradigms.
-
Nextjs 13 server components discussion
You can still do SSR with normal client-side behavior if you use a React 18 SSR compatible library
-
Why are data fetching libraries in the view layer so mainstream in React apps?
https://resthooks.io/ is inspired by Backbone models
-
alternatives to useReducer for heavy async flows
The control flow can be pretty straightforward once you have middleware integration; which you can see with async state management becoming as simple as a one-liner
-
(React-Query ) Re-declaring useQuery() and all its options in multiple components?
You're probably better off using a tool that is built with code reuse in mind like https://resthooks.io
-
Should I learn Nextjs?
Probably the most important thing is to have a normalized data cache to save yourself tons of data-bug headaches. I use https://resthooks.io/ myself because it used inferred typing safety meaning I don't have to do any extra definitions or even use typescript and it will tell me what types I should expect. But you could also roll your own normalization using https://github.com/paularmstrong/normalizr with a state management tool like redux
-
SWR vs React Query? Which one do you like to use with Next.js?
If the data ever changes I prefer using Rest Hooks to ensure data integrity without having to manually write state updates for every usage
- I made a asynchronous data framework - tell me what you think!
-
Is typescript worth it?
The advantage really comes when you using libraries like https://resthooks.io/ that enforce and infer strong types without effort from you. Then all you're doing is writing the types. Even cases like typos get removed due to typeahead helping you out. This is especially helpful in large projects with many developers as you'll likely be frequently working with types someone else defined and you don't know their members off the top of your head.
-
Awesome Things Related To React Hooks 😍
rest-hooks - Delightful data fetching for React.
orval
-
HonoJS: Small, simple, and ultrafast web framework for the Edges
In cases where the client needs to stay separate, we have had a good experience with Orval[1] to generate a fully-typed @tanstack/query client from our OpenAPI spec.
[1] https://orval.dev/
-
Litestar – powerful, flexible, and highly performant Python ASGI framework
- Vite/React/Tailwind for the frontend, with [Orval](https://orval.dev/) to generate FE definitions based on the API spec.
For non-API/SPA use-cases, it also has good HTML support, with built-in Jinja and HTMX integrations. The docs are great (https://docs.litestar.dev/latest/ - not quite Django-tier but that's the gold standard), however the reference application is a tad too complex imo (https://github.com/litestar-org/litestar-fullstack).
https://github.com/litestar-org/awesome-litestar has a list of useful extensions - highly recommend trying it out if you are starting a new Python web project.
-
How to Automatically Consume RESTful APIs in Your Frontend
In order to generate the API client, there are a few options available, but we are going to use (Orval)[https://orval.dev]. Orval is a CLI tool that generates API clients based on an OpenAPI specification. It supports TypeScript, JavaScript, Axios, React, Vue, Angular and Svelte and it's highly customizable.
-
Getting the most out of vscode
I would use "reveal": "never" if I don't care about the results of the command, for example, I generate swagger types using orval.dev on every folder open, but I want this to run in background as it's not that important, so I use "reveal": "never" for it.
-
Mock Service Worker(msw) releases 2.0
we started using (and now contributing to) https://orval.dev/ this year which both generates the mocks using MSW as well as the client-side networking code (React Query in our case). It removes so much boilerplate its amazing.
wrote up the basics of our workflow few weeks ago https://betaacid.co/blog/api-contracts
-
Ask HN: Why isn't JSON-RPC more widely adopted?
Personally, find gRPC-Web very attractive but the current state of TypeScript/JS code-gen is very confusing and lacking.
I would love something like https://orval.dev for gRPC-web. Have I missed something or is it just early to expect it?
I tried a few libraries but couldn't get them to work or would generate unappealing results. I believe I'm hitting this issue with my local experiments. https://github.com/grpc/grpc-web/issues/535
-
I made a framework to build fully-typed RESTful server and client with zero dependency
This is a Library I've used in the past, https://github.com/anymaniax/orval
-
Best / Modern Test Stack for a new big Next.js project
If you have OpenAPI specs to work with you could also use Orval (https://orval.dev/) to generate a lot of code. We’re just starting to evaluate it at work but so far the team that’s trialing it is liking it.
-
React & REST APIs: End-To-End TypeScript Based On OpenAPI Docs
On the frontend we can use the OpenAPI docs to generate the TS types for our data structures. Not only types but fetch functions as well as react-query hook can be generated as well. And in this blog post you can see how to do that with a library called Orval.
-
React & REST APIs: End-To-End TypeScript Based On OpenAPI Docs
On this page, we’ll use a code generator called Orval.
What are some alternatives?
react-autosuggest - WAI-ARIA compliant React autosuggest component
openapi-typescript-codegen - NodeJS library that generates Typescript or Javascript clients based on the OpenAPI specification
react-native-netinfo - React Native Network Info API for Android & iOS
jest-mock-extended - Type safe mocking extensions for Jest https://www.npmjs.com/package/jest-mock-extended
easy-peasy - Vegetarian friendly state for React
react-query-auth - ⚛️ Authenticate your react applications easily with react-query.
react-content-loader - ⚪ SVG-Powered component to easily create skeleton loadings.
rtk-query - Data fetching and caching addon for Redux Toolkit
evergreen - 🌲 Evergreen React UI Framework by Segment
NSwag - The Swagger/OpenAPI toolchain for .NET, ASP.NET Core and TypeScript.
React-Use-Smooth-Scroll - React Provider Component to add a smooth scroll effect 😍
graphql-code-generator - A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.