Top 23 TypeScript GraphQL Projects
-
react-query
⚛️ Hooks for fetching, caching and updating asynchronous data in React
Don't, Redux itself is painfully aware they're outdated. Redux is currently reworking itself to be more akin to React Query and Vercel's swr.
-
apollo-client
:rocket: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server
for example using one of this helper functions in the "new InMemoryCache" instance: helper functions
-
Scout
Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
RxDB
🔄 A realtime Database for JavaScript Applications
You can mix this with a client-server replication and voila, you have a website that always shows the correct data at each point in time.
-
Bit
Develop modular web applications with components - fast, together, and at scale.
Project mention: New major release of bit – a modern git CLI (1.0.1) with automatic pulls, branches sorted by most recent, Google-like autocomplete & much more | reddit.com/r/webdev | 2021-02-19The command conflicts with collaboration tool bit.dev (13k stars on Github)
-
graphiql
GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools.
Project mention: GraphQL via HTTP in five ways: cURL, Python, JavaScript, Ruby and PHP | dev.to | 2021-01-14Before we can get started, we need a query and an API endpoint to hit. Getting both of those items via Contentful is a breeze. For the API endpoint, we can use Contentful's API Base URL https://graphql.contentful.com, taken from the GraphQL docs. To find a query we can use GraphiQL, an in-browser GraphQL IDE. Open up https://graphql.contentful.com/content/v1/spaces/{SPACE_ID}/explore?access_token={accessToken}, replacing the spaceID and accessToken with your own.
-
apollo-server
🌍 GraphQL server for Express, Connect, Hapi, Koa and more
https://github.com/apollographql/apollo-server/blob/main/packages/apollo-server-plugin-response-cache/src/ApolloServerPluginResponseCache.ts#L16-L82
-
postgraphile
Execute one command (or mount one Node.js middleware) and get an instant high-performance GraphQL API for your PostgreSQL database!
Project mention: Why REST is terrible and GraphQL a game changer. | reddit.com/r/graphql | 2021-02-27 -
graphql-playground
🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)
https://github.com/graphql/graphql-playground is great!
-
API Platform
Create REST and GraphQL APIs, scaffold Jamstack webapps, stream changes in real-time.
If you don't want to start from scratch, but just want to implement an API, make sure to have a look at api-platform. It's a complete API implementation build on Symfony. It's well documented and fairly easy to implement. It will take care of documentation and you can even add an admin or generate front-end code.
-
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.
Current take: Use Hasura to create tables in postgres which is automatically turned into graphql and then generate types and code with https://graphql-code-generator.com/
-
graphql-yoga
🧘 Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience
Project mention: What's the best stack for quickly hacking together prototypes and experiments? | reddit.com/r/reactjs | 2020-12-30GraphQL Yoga - Good convo to have a quick GQL service.
-
quicktype
Generate types and converters from JSON, Schema, and GraphQL
Project mention: Decoding nested JSON - what am I missing? | reddit.com/r/iOSProgramming | 2021-03-03I'm trying to figure out how to decode nested JSON. After reading some posts on this StackOverflow and this sub, I think I get the idea, but I can't get it to actually work. I'm using https://app.quicktype.io/ with the simplest example I could think of, but no dice.
-
TypeGraphQL
Create GraphQL schema and resolvers with TypeScript, using classes and decorators!
- On the server side, have a look at the code first framework such as Nexus and Typegraphql
-
graphql-voyager
🛰️ Represent any GraphQL API as an interactive graph
https://apis.guru/graphql-voyager/ you can visualize your schema as a graph
-
express-graphql
Create a GraphQL HTTP server with Express.
Popular Frameworks & Service Apollo (https://www.apollographql.com/), Prisma (https://github.com/prisma/prisma), express-graphql (https://github.com/graphql/express-graphql), Graphql (https://github.com/graphql-go/graphql), Hasura (https://hasura.io/), Dgraph (https://dgraph.io/)
-
webiny-js
Platform for building serverless applications and APIs (Node.js, React, GraphQL)
Project mention: Webiny - Opensource platform for building serverless applications and APIs. | dev.to | 2020-10-12Check their github : https://github.com/webiny/webiny-js
-
searchkit
GraphQL API & React UI components for Elasticsearch. The easiest way to build a great search experience
-
graphql-tools
:wrench: Build, mock, and stitch a GraphQL schema using the schema language
https://www.graphql-tools.com So glad The Guild took it over 🤩
-
graphql-request
Minimal GraphQL client supporting Node and browsers for scripts or simple apps
To send GraphQL queries and mutations, you can opt to use a library instead of forming these requests yourself. graphql-request is a good, lightweight option.
-
nodejs-api-starter
💥 Yarn v2 based monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.
Project mention: (Beginner Question) Are there different GraphQL Notations? | reddit.com/r/graphql | 2021-03-05Your first example is the code-first development approach (example), while the latter one is schema-first, popularized by Apollo.
-
taskcafe
An open source project management tool with Kanban boards
Project mention: Kanban board software - preferably FOSS - available? | reddit.com/r/linuxmint | 2021-02-05I have seen this one mentioned in Reddit a few times (I haven't tried it, though): https://github.com/JordanKnott/taskcafe
-
prisma-examples
🚀 Ready-to-run Prisma example projects
Extensive documentation, tutorials, videos and other resources
-
vendure
A headless GraphQL ecommerce framework for the modern web
Hi! You might be interested to check out my project, Vendure (https://github.com/vendure-ecommerce/vendure). It's a headless graphql e-commerce framework written in TypeScript.
Index
What are some of the best open-source GraphQL projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-query | 18,199 |
| 2 | apollo-client | 15,719 |
| 3 | RxDB | 15,251 |
| 4 | Bit | 13,041 |
| 5 | graphiql | 11,831 |
| 6 | apollo-server | 11,093 |
| 7 | postgraphile | 9,949 |
| 8 | graphql-playground | 6,978 |
| 9 | API Platform | 6,531 |
| 10 | graphql-code-generator | 6,402 |
| 11 | graphql-yoga | 6,314 |
| 12 | quicktype | 6,038 |
| 13 | TypeGraphQL | 5,990 |
| 14 | graphql-voyager | 5,854 |
| 15 | express-graphql | 5,797 |
| 16 | webiny-js | 4,333 |
| 17 | searchkit | 4,094 |
| 18 | graphql-tools | 3,957 |
| 19 | graphql-request | 3,357 |
| 20 | nodejs-api-starter | 3,140 |
| 21 | taskcafe | 2,277 |
| 22 | prisma-examples | 2,024 |
| 23 | vendure | 1,875 |