TypeScript GraphQL

Open-source TypeScript projects categorized as GraphQL

Top 23 TypeScript GraphQL Projects

  • GitHub repo react-starter-kit

    React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture

    Project mention: React Boilerplates in 2021 - The complete guide | dev.to | 2021-06-13

    git clone -o react-starter-kit -b master --single-branch https://github.com/kriasoft/react-starter-kit.git MyApp

  • GitHub repo react-query

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

    Project mention: So, do I really suck so much in React? Bad job interview experience | reddit.com/r/reactjs | 2021-06-16

    You might want to take a look at this library: react-query

  • GitHub repo graphql-js

    A reference implementation of GraphQL for JavaScript

    Project mention: A Brief History of GraphQL | dev.to | 2021-05-02
  • GitHub repo apollo-client

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

    Project mention: Complex Apollo cache management with numerous parameterized queries made as painless as possible | reddit.com/r/graphql | 2021-06-15

    I've been using Apollo for a couple of years now, and it is infamously nebulous when it comes to moderately complex real-world scenarios, such as parameterized queries. There are many years-spanning github issues on this problem alone, with barely any maintainable solutions proffered. I've written a lengthy guide that explains exactly how Apollo's InMemoryCache works under the hood and how to sanely solve these caching issues.

  • GitHub repo RxDB

    🔄 A realtime Database for JavaScript Applications

    Project mention: Web App running on Offline mode | reddit.com/r/webdev | 2021-05-11
  • GitHub repo Bit

    A lightweight and highly extendible Polyrepo for component-driven development.

    Project mention: Web OS: A windows clone with Micro frontend capabilities | dev.to | 2021-06-20

    Not every big app is needed to be breakdown as micro apps, there are other ways too, even for easier development like (Bit ecosystem)[https://bit.dev/], or just a better component model! It all depends on the requirement.

  • GitHub repo graphiql

    GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools.

    Project mention: Official GraphQL: Free palestine, BLM, end the new jim crow abolish ICE | news.ycombinator.com | 2021-05-25
  • GitHub repo apollo-server

    🌍  Spec-compliant and production ready JavaScript GraphQL server that lets you develop in a schema-first way. Built for Express, Connect, Hapi, Koa, and more.

    Project mention: I need a little help implementing user online status tracking with Apollo/GraphQL. | reddit.com/r/graphql | 2021-06-10

    apollo-server plans to remove WebSocket support, which is currenlty done over the deprecated graphql-ws protocol (as implemented by the unmaintained subscription-transport-ws module by apollo), in the next major version.

  • GitHub repo Directus

    Open-Source Data Platform 🐰 — Directus wraps any SQL database with a real-time GraphQL+REST API and an intuitive app for non-technical users.

    Project mention: Headless CMS | reddit.com/r/cms | 2021-06-09
  • 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: v4.12.3 | reddit.com/r/PostGraphile | 2021-06-04
  • GitHub repo graphql-playground

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

    Project mention: Autogenerate GraphQL API documentation with SpectaQL | dev.to | 2021-04-25

    Traditionally, most of the above problems have been pretty unavoidable, but at Anvil most of our APIs are implemented in GraphQL. GraphQL requires the definition of a schema that describes all the types, fields, methods, arguments, return types, etc, and even allows for descriptions of most things to be included. In this way, GraphQL implementations are pretty self-describing, and great tools like GraphiQL or Playground already exist to leverage this attribute of the framework. Because of all this, I knew that there must be a better way to do documentation in GraphQL-land, and I sought out to find it.

  • 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: Redux Toolkit 1.6.0 - new RTK Query data caching API! | reddit.com/r/reactjs | 2021-06-07

    It's already done, but we're still waiting for them to say "yes"

  • GitHub repo API Platform

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

    Project mention: I created a fullstack starter template for React, GraphQL, Typescript, and PostgreSQL projects | reddit.com/r/programming | 2021-06-04
  • GitHub repo quicktype

    Generate types and converters from JSON, Schema, and GraphQL

    Project mention: 6 JSON Tools to Improve Your Productivity | dev.to | 2021-06-18

    Quicktype is another great online tool that helps to convert JSON to classes/structs in any one of the following programming languages. It supports

  • GitHub repo graphql-yoga

    🧘 Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience

    Project mention: What is the best way to set up a GraphQL server? | reddit.com/r/learnprogramming | 2021-04-24

    Yoga GitHub Repository

  • GitHub repo TypeGraphQL

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

    Project mention: Schema-first or Code-first in GraphQL | dev.to | 2021-06-05

    But I think one is not better than the other. Nowadays there are several libraries that help you in the development of GraphQL Apis to give you a better experience. If you are working with TypeScript, I would recommend TypeGraphQL, it is a complete library that can help you with some difficulties you may have.

  • GitHub repo graphql-voyager

    🛰️ Represent any GraphQL API as an interactive graph

    Project mention: Is there any tool that can help to visualise the response data from graphql? Something we see in neo4j | reddit.com/r/graphql | 2021-04-13

    https://github.com/APIs-guru/graphql-voyager allows you to visualize the schema

  • GitHub repo urql

    The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.

    Project mention: Debounce Input for performing a query in `urql` | reddit.com/r/reactjs | 2021-04-17

    I found the solution thanks to URQL maintainer Jovi:

  • GitHub repo express-graphql

    Create a GraphQL HTTP server with Express.

    Project mention: What is the best way to set up a GraphQL server? | reddit.com/r/learnprogramming | 2021-04-24

    express-graphql GitHub Repository

  • GitHub repo webiny-js

    Platform for building serverless applications and APIs (Node.js, React, GraphQL)

    Project mention: Webiny (YC W21) Is Hiring: 4x JavaScript Engineers and 1x DevRel [Remote] [Full-Time] | news.ycombinator.com | 2021-06-18
  • 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 KeystoneJS

    The most powerful headless CMS for Node.js — built with GraphQL and React

    Project mention: 🚀10 Trending projects on GitHub for web developers - 7th May 2021 | dev.to | 2021-05-07

    View on GitHub

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-06-20.


What are some of the best open-source GraphQL projects in TypeScript? This list will help you:

Project Stars
1 react-starter-kit 20,773
2 react-query 20,717
3 graphql-js 17,722
4 apollo-client 16,231
5 RxDB 15,700
6 Bit 13,572
7 graphiql 12,362
8 apollo-server 11,542
9 Directus 11,242
10 postgraphile 10,370
11 graphql-playground 7,300
12 graphql-code-generator 7,054
13 API Platform 6,744
14 quicktype 6,603
15 graphql-yoga 6,418
16 TypeGraphQL 6,363
17 graphql-voyager 6,139
18 urql 6,077
19 express-graphql 5,971
20 webiny-js 4,572
21 searchkit 4,205
22 graphql-tools 4,149
23 KeystoneJS 4,093