TypeScript GraphQL

Open-source TypeScript projects categorized as GraphQL

Top 23 TypeScript GraphQL Projects

  • GitHub repo react-query

    ⚛️ Hooks for fetching, caching and updating asynchronous data in React

    Project mention: How to learn redux | reddit.com/r/reactjs | 2021-03-04

    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.

  • GitHub repo apollo-client

    :rocket: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server

    Project mention: Apollo Client 3 - Pagination | reddit.com/r/graphql | 2021-01-11

    for example using one of this helper functions in the "new InMemoryCache" instance: helper functions

  • GitHub repo RxDB

    🔄 A realtime Database for JavaScript Applications

    Project mention: The Web After Tomorrow (2015) | news.ycombinator.com | 2021-02-09

    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.

    https://github.com/pubkey/rxdb

  • GitHub repo 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-19

    The command conflicts with collaboration tool bit.dev (13k stars on Github)

  • GitHub repo 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-14

    Before 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.

  • GitHub repo apollo-server

    🌍 GraphQL server for Express, Connect, Hapi, Koa and more

    Project mention: Caching data on Apollo server | reddit.com/r/graphql | 2021-03-01

    https://github.com/apollographql/apollo-server/blob/main/packages/apollo-server-plugin-response-cache/src/ApolloServerPluginResponseCache.ts#L16-L82

  • GitHub repo 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
  • GitHub repo graphql-playground

    🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)

    Project mention: Favourite tool for schema exploration? | reddit.com/r/graphql | 2021-03-03

    https://github.com/graphql/graphql-playground is great!

  • GitHub repo API Platform

    Create REST and GraphQL APIs, scaffold Jamstack webapps, stream changes in real-time.

    Project mention: Make API in php | reddit.com/r/PHPhelp | 2021-03-07

    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.

  • GitHub repo 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.

    Project mention: Code First vs Type First | reddit.com/r/graphql | 2021-03-05

    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/

  • GitHub repo 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-30

    GraphQL Yoga - Good convo to have a quick GQL service.

  • GitHub repo 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-03

    I'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.

  • GitHub repo TypeGraphQL

    Create GraphQL schema and resolvers with TypeScript, using classes and decorators!

    Project mention: Order of learning, what? | reddit.com/r/graphql | 2021-03-02

    - On the server side, have a look at the code first framework such as Nexus and Typegraphql

  • GitHub repo graphql-voyager

    🛰️ Represent any GraphQL API as an interactive graph

    Project mention: Favourite tool for schema exploration? | reddit.com/r/graphql | 2021-03-03

    https://apis.guru/graphql-voyager/ you can visualize your schema as a graph

  • GitHub repo express-graphql

    Create a GraphQL HTTP server with Express.

    Project mention: GraphQL - TL;DR | dev.to | 2021-02-08

    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/)

  • GitHub repo 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-12

    Check their github : https://github.com/webiny/webiny-js

  • GitHub repo searchkit

    GraphQL API & React UI components for Elasticsearch. The easiest way to build a great search experience

  • GitHub repo graphql-tools

    :wrench: Build, mock, and stitch a GraphQL schema using the schema language

    Project mention: What are your favorite GraphQL tools? | reddit.com/r/graphql | 2021-02-24

    https://www.graphql-tools.com So glad The Guild took it over 🤩

  • GitHub repo graphql-request

    Minimal GraphQL client supporting Node and browsers for scripts or simple apps

    Project mention: Add GraphCMS to your Web App | dev.to | 2021-03-02

    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.

  • GitHub repo 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-05

    Your first example is the code-first development approach (example), while the latter one is schema-first, popularized by Apollo.

  • GitHub repo taskcafe

    An open source project management tool with Kanban boards

    Project mention: Kanban board software - preferably FOSS - available? | reddit.com/r/linuxmint | 2021-02-05

    I have seen this one mentioned in Reddit a few times (I haven't tried it, though): https://github.com/JordanKnott/taskcafe

  • GitHub repo prisma-examples

    🚀 Ready-to-run Prisma example projects

    Project mention: Frustrated about ORMs | reddit.com/r/node | 2021-03-05

    Extensive documentation, tutorials, videos and other resources

  • GitHub repo vendure

    A headless GraphQL ecommerce framework for the modern web

    Project mention: Best headless CMS to sell art with Next? | reddit.com/r/webdev | 2021-01-14

    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.

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). The latest post mention was on 2021-03-07.

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