Refine
graphql-request
Our great sponsors
Refine | graphql-request | |
---|---|---|
198 | 30 | |
23,244 | 5,627 | |
13.8% | 0.8% | |
9.9 | 9.1 | |
7 days ago | 2 days ago | |
TypeScript | TypeScript | |
MIT License | 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.
Refine
-
π Top Front-End Frameworks in 2024 Worth Your Time and Effort to Master
Refine is the fastest-growing open-source React meta-framework for building B2B apps like internal tools, dashboards, admin panels, and all kinds of web CRUD apps.
-
Integrating the Admin SDK for an admin panel for a web app
Check out the Refine framework. It's a React framework for building admin panels and dashboards. It has Firebase data provider support. https://github.com/refinedev/refine Here is the Firebase data provider package from the community https://github.com/resulturan/refine-firebase
- Mojo - A New Programming Language for AI
-
Ask HN: If you were to build a web app today what tech stack would you choose?
For the frontend, there is React framework called refine for building CRUD apps like admin panel and internal tools
https://github.com/refinedev/refine
It has built-in integrations for UI libraries and data providers. You can select your stack
-
Using Heroicons with TailwindCSS
Clone the repository here.
-
Complete Tutorial: React Admin Panel with refine and daisyUI
In this post, we go through the process of developing a React admin panel using refine and daisyUI.
-
Can you develop a CRUD app in 15 minutes?
Yes, you can bootstrap minimal complete CRUD app with authentication in 1 minute with refine - React framework app scaffolder. It gives the source code as well
-
π
Creating Polished Content with React Markdown
const help = { name: "help", keyCommand: "help", buttonProps: { "aria-label": "insert help" }, icon: ( svg> ), execute: () => { window.open("https://refine.dev/", "_blank"); }, }; return ( Form.Item> );
You can find the example app repo we use in this article here
-
Building a Complete React CRM App with refine, Ant Design and GraphQL
π You can find the source code on GitHub here
graphql-request
-
A Simple Way to Sign AWS Requests with Signature V4
The aws-sigv4-fetch package can be integrated into GraphQL libraries like graphql-request. For example, you can pass the signedFetch function as the custom fetch option:
-
Integrating GraphQL Codegen with Storyblok: Step-by-Step Guide
For Next.js projects, one of the options can be the typescript-graphql-request plugin. Under the hood this plugin works with the graphql-request library β a minimal, flexible, and easy-to-use GraphQL client. With typescript-graphql-request, we generate an SDK that is fully typed and allowing us to make strongly-typed GraphQL requests. This nicely integrates with data fetching in Next.js Server Components, enabling us to pre-render pages with data from Storyblok.
- Is graphql-request a good tool for only client side api? Share your feedbacks. Thanks π
-
How to build a Snowflake API?
An example of a Snowflake API request using JavaScript. This example uses the graphql-request library to issue the actual GraphQL request. Install the dependency:
- 2022 Best GraphQL Client? Currently using GraphQL-CodeGen + Apollo Client
-
Four ways to fetch data from the GitHub GraphQL API in Next.js
I mentioned already we can use just about any client want when fetching GraphQL data. Prisma's graphql-request is a simple and lightweight option, and that is what Iβve used here.
-
Managing a Remix Site's Content With Sanity.io
To do this, you will make use of a tool called GraphQL Codegen to generate TypeScript types based on the GraphQL schema Sanity provides. You will then use graphql-request to actually fetch the data.
-
SvelteQuery vs KitQL vs others
What about https://github.com/prisma-labs/graphql-request that has 4.8k starts / 254 forks?
-
Build a GraphQL app in Node.js with TypeScript and graphql-request
In this article, you will build a full-stack app using GraphQL and Node.js in the backend. Meanwhile, our frontend will use the graphql-request library to perform network operations on our backend. We will cover the following steps:
-
How not to learn GraphQL
Finally, when it comes to building simple applications that might not need caching or optimistic UIs capabilities, the famous graphql-request library is a perfect companion!
What are some alternatives?
react-admin - A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design
axios - Promise based HTTP client for the browser and node.js
Next.js - The React Framework
AdminJS - AdminJS is an admin panel for apps written in node.js
vite - Next generation frontend tooling. It's fast!
Strapi - π Strapi is the leading open-source headless CMS. Itβs 100% JavaScript/TypeScript, fully customizable and developer-first.
urql - The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.
create-t3-app - The best way to start a full-stack, typesafe Next.js app
SWR - React Hooks for Data Fetching
ky - π³ Tiny & elegant JavaScript HTTP client based on the browser Fetch API
apollo-client - :rocket: Β A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
ToolJet - Low-code platform for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, Google sheets, OpenAI, etc and build apps using drag and drop application builder. Built using JavaScript/TypeScript. π