TypeScript GraphQL

Open-source TypeScript projects categorized as GraphQL | Edit details

Top 23 TypeScript GraphQL Projects

  • GitHub repo react-query

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

    Project mention: Redux data fetching solution for a small app | reddit.com/r/reactjs | 2021-10-13

    Perhaps: https://react-query.tanstack.com/

  • GitHub repo react-starter-kit

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

    Project mention: graphql-let - A Webpack loader for GraphQL Code Generator | dev.to | 2021-07-29

    It generates `.d.ts` files in `node_modules/@types/graphql-let` by default to apply overload signatures on the function `gql`. Ideally, it should be available in both a babel plugin and the webpack loader but there needs to be more effort. ## Why I made graphql-let I made this for front-end devs to adopt the TypeScript and GraphQL even more in their project😄 When I actively maintained [kriasoft/react-starter-kit](https://github.com/kriasoft/react-starter-kit) a few years ago, I realized it's so happy to use Apollo Server and Apollo Client. At the moment, though, Apollo primarily supported HOCs instead of React Hooks, which leads to troublesome to match types of GraphQL operations and fetched data manually. Then, `@graphql-codegen/typescript-react-apollo` appeared and solved all the problems, except ones that graphql-let deals with later. The less setup process GraphQL development requires, the more people can adopt GraphQL I believe, simply because GraphQL itself solves many problems web development has been struggling with without it for a decade. I couldn't be happier if a few of you get to know the power of GraphQL through using graphql-let.

  • Syncfusion

    Build stunning web applications quickly using Syncfusion JavaScript UI controls.. The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.

  • GitHub repo graphql-js

    A reference implementation of GraphQL for JavaScript

    Project mention: TypeScript Tricks I wish I knew when I learned TypeScript | news.ycombinator.com | 2021-10-12

    > I have only seen null vs undefined lead to 2 things in my experience: mistakes and bikeshedding.

    I disagree, though I think the implementation leaves something to be desired. Primarily, I think there is fundamentally a difference between the value of obj.bar in the following examples that is useful to differentiate between:

    { foo: 'hello' }

    { foo: 'hello', bar: null }

    For example, GraphQL makes specific use of this when dealing with input types for mutations: null essentially means "delete this field" while unset means "don't change it".

    There is a very good discussion on this topic here, https://github.com/graphql/graphql-js/issues/133 , which goes into the rationale behind it, how it's supported in languages that do NOT differentiate between null and undefined, and how some folks changed their minds on the issue.

  • GitHub repo apollo-client

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

    Project mention: Serverless WebSockets on AWS | dev.to | 2021-10-17

    On the frontend side of things, you might encounter issues with integrating the AWS AppSync JavaScript client with one of your GraphQL client libraries. As of writing this, there is a lot of issues on GitHub related to integration with my favorite GraphQL client – the apollo-client.

  • GitHub repo RxDB

    🔄 A realtime Database for JavaScript Applications

    Project mention: Why it has to be NoSQL | news.ycombinator.com | 2021-10-05

    The slightly inflammatory title makes more sense in the context of their database, which sits on top of PouchDB, with adapters for IndexedDB in the browser and a variety of stores on the server side.

    Based on the series of blog posts / documentation opinion pieces that have been posted so far, I'm quite interested in playing around with this despite being mostly in the relational SQL camp. Everything I've read is thoughtful, well reasoned, and rather practical and the author is exploring a rather interesting problem space.

    I'd love to see a mashup of RxDB[1] and absurd-sql[2] that brings a distributed SQL datastore to the browser.

    1) https://rxdb.info/

    2) https://github.com/jlongster/absurd-sql

  • GitHub repo Bit

    A tool for component-driven application development.

    Project mention: Documentation techniques in FE | reddit.com/r/Frontend | 2021-10-15

    Bit is a development platform/styleguide/package mono-repo in one system.

  • GitHub repo graphiql

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

    Project mention: How to Connect A GraphQL API and A MySQL Database in Your GraphQL Layer | dev.to | 2021-09-16

    Note: to follow along, you'll need a StepZen account. This article also assumes basic familiarity with GraphQL and the GraphiQL IDE.

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • 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: Using CMS vs WordPress, question for an engineer. | reddit.com/r/webdev | 2021-10-07

    If you're looking for something simple, well made, and unopinionated your best bet might be Directus. It sits somewhere between a DB manager, a CMS, and auto-provisioned API. All the integration (frontend, SaaS, mobile app or otherwise) is left to the developers. I've only toyed with Directus but I can't wait to make a billable project with it.

  • 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: How to build a Password Manager with Node.js : Part - 1 | dev.to | 2021-10-15

    Apollo Server is a community-maintained open-source GraphQL server. It works with many Node.js HTTP server frameworks, or can run on its own with a built-in Express server. Read More

  • 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.4 | reddit.com/r/PostGraphile | 2021-09-23
  • 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: Typesafe deserialization of GraphQL data (react-query and GraphQL Codegen) | reddit.com/r/reactjs | 2021-08-22

    After significant time of googling I found github discussion: https://github.com/dotansimha/graphql-code-generator/issues/5949 which concludes, that data deserialization should be done in app. I don't seem to understand something. Where should I put deserializer if generated hooks, already returnes data in the correct type.

  • GitHub repo graphql-playground

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

    Project mention: In any way get the previous graphql playground instead of apollo sandbox? | reddit.com/r/graphql | 2021-08-07

    GraphQL Playground is usable in various ways. I recommend checking out the readme over here: https://github.com/graphql/graphql-playground

  • GitHub repo quicktype

    Generate types and converters from JSON, Schema, and GraphQL

    Project mention: ... my implementation is better | reddit.com/r/ProgrammerHumor | 2021-10-17
  • GitHub repo API Platform

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

    Project mention: An Evergreen Guide to Hacktoberfest | dev.to | 2021-10-17

    API Platform

  • GitHub repo TypeGraphQL

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

    Project mention: How (Not) To Build Your Own GraphQL Server | dev.to | 2021-10-07

    Instead of constructing an object, it uses classes to define the types and operations for the schema that it generates. The schema generated by this implementation will have the same structure as the schema created with graphql-js. Using classes to define your schema has the advantage of being less mutable and more structured when writing code. Similar implementations can be found for TypeScript with the library TypeGraphQL or Sangria GraphQL for Scala.

  • GitHub repo graphql-yoga

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

    Project mention: three ways to deploy a serverless graphQL API | dev.to | 2021-10-04

    GraphQL Yoga is a fully-featured GraphQL Server with a focus on easy setup and performance. Originally created by Prisma, it is now mained by Dotan and the Guild. It includes features aimed at providing a great developer experience including file uploading, GraphQL subscriptions support with WebSockets, and TypeScript typing.

  • GitHub repo urql

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

    Project mention: State of the Sveltejs Ecosystem? | reddit.com/r/sveltejs | 2021-08-28

    There is urql for graphql client libraries and svelte-query for caching, but not seems ready for kit

  • GitHub repo graphql-voyager

    🛰️ Represent any GraphQL API as an interactive graph

    Project mention: Visualizing your Data Graph Using entviz | ent | reddit.com/r/golang | 2021-08-26

    Very cool! We had been using various tools like [graphqlviz](https://github.com/sheerun/graphqlviz) [graphql-voyager](https://apis.guru/graphql-voyager/) but past a certain level of complexity they tended to be not great. I'm going to try this out on some pretty gnarly tables and see how it does!

  • GitHub repo express-graphql

    Create a GraphQL HTTP server with Express.

    Project mention: What's your experience with Go and GraphQL? Learning Go coming from Node | reddit.com/r/golang | 2021-10-07

    With Node I used express-graphql as opposed to something like Apollo because it's lighter and less heavy on resources compared to Apollo.

  • GitHub repo graphql-editor

    📺 Visual Editor & GraphQL IDE. Draw GraphQL schemas using visual 🔷 nodes and explore GraphQL API with beautiful UI. Even 🐒 can do that!

    Project mention: The Stack #3 | dev.to | 2021-07-29

    And today, GraphQL Editor takes this one step further allowing you to view, edit, browse all the entities and hierarchy making it really a great tool for anyone who wants to quickly work through the schema.

  • GitHub repo KeystoneJS

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

    Project mention: NextJS as a backend (replacing Django)? | reddit.com/r/nextjs | 2021-10-13

    Are set on strapi? Could always look into keystone https://keystonejs.com

  • GitHub repo webiny-js

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

    Project mention: Looking for Podcast Guests | reddit.com/r/JAMstack | 2021-10-14

    Hey Alex, Sven here, I'm the cofounder of Webiny (www.webiny.com). We're an open-source serverless development framework with a built headless CMS and a Page Builder. Would love to participate in your podcast.

  • GitHub repo graphql-tools

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

    Project mention: GraphQL Tools V8 - Stitch Federation Services | dev.to | 2021-07-29

    You can check the unit tests to see the complete usage

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-10-17.


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

Project Stars
1 react-query 23,174
2 react-starter-kit 20,992
3 graphql-js 18,033
4 apollo-client 16,838
5 RxDB 16,315
6 Bit 14,120
7 graphiql 12,768
8 Directus 12,399
9 apollo-server 11,954
10 postgraphile 10,752
11 graphql-code-generator 7,678
12 graphql-playground 7,564
13 quicktype 7,120
14 API Platform 6,962
15 TypeGraphQL 6,693
16 graphql-yoga 6,515
17 urql 6,444
18 graphql-voyager 6,371
19 express-graphql 6,110
20 graphql-editor 5,300
21 KeystoneJS 4,885
22 webiny-js 4,749
23 graphql-tools 4,410
Find remote GraphQL jobs at our new job board 99remotejobs.com. There is 1 new remote job listed recently.
Are you hiring? Post a new remote job listing for free.
Scout APM: A developer's best friend. Try free for 14-days
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.