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: How to get better and easier state management with Redux Toolkit | dev.to | 2021-12-01

    react-query came with a solid purpose, filling the gap that no other library was big and opinionated about, how to get asynchronous data. So this library wasn't here to replace any of the previous state managers, as those were there to handle client and server state, but react-query focused only on server state.

  • GitHub repo react-starter-kit

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

    Project mention: Is there a GitHub repository of a sizable open source website equipped with modern syntax and tools where I can learn the best practices? | reddit.com/r/reactjs | 2021-10-23

    I'm a huge fan of this boilerplate: https://github.com/kriasoft/react-starter-kit

  • Scout APM

    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.

  • 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: One of my genius coworkers felt it was necessary to disallow any and all "multi level imports", despite many a 3rd party library using it for exporting some utilities. Now our codebase is riddled with these `eslint-disable-next-line` comments | reddit.com/r/programminghorror | 2021-11-30
  • 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: Top 7 React Developer Tools to Use in 2021 (With Bonus!) | dev.to | 2021-11-10

    2. Bit

  • GitHub repo graphiql

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

    Project mention: sifting thru the types | dev.to | 2021-11-05

    Flow state is a rare treat for me these days. The last time I can remember being in that zone was working on a GraphiQL implementation for Open Sauced, https://explore.opensauced.pizza. The Open Sauced project makes use of OneGraph, to handle authentication and persisted query features in working with the GitHub GraphQL API. This was the first I had worked on any kind of GraphiQL implementation, so for those of you at the point I was at then, GraphiQL is an Open Source project that can be used to interact with a GraphQL API in an ad-hoc and dynamic way, allowing a developer to iterate quickly on features from a data retrieval standpoint. This post is about the PR #2 in the repo.

  • 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: What headless cms should I use for nextJs | reddit.com/r/reactjs | 2021-11-23

    "Complex" is subjective... I really like https://directus.io , rest and graphql out of the box and sane DB schema, so you're not locked into it forever.

  • 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 tried to create a TypeScript monorepo, I give up. | reddit.com/r/typescript | 2021-11-04

    Inspired by the apollo-server repo I used 1. references in the tsconfigs for each dependency (example) 2. Lerna to solve the first problem, which created symlinks under the packages' node_modules (example packages/backend_operations -> ../../../backend_operations)

  • 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.6 - fix websocketOperations: all | reddit.com/r/PostGraphile | 2021-11-30
  • GitHub repo redwood

    The App Framework for Startups

    Project mention: What VS Code extensions do you use? Here's my list | reddit.com/r/vscode | 2021-11-21

    You can add a `.vscode` directory in the workspace and include a `extensions.json` file in it. That file can suggest to the user what extensions to install, and also extensions not to use (but can't do anything directly). Here's an example in the RedwoodJS repo.

  • GitHub repo howtographql

    The Fullstack Tutorial for GraphQL

    Project mention: LEARN GQL WITH ME: Introduction to GQL and The Series | dev.to | 2021-10-28

    View on GitHub

  • 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 devhub

    TweetDeck for GitHub - Filter Issues, Activities & Notifications - Web, Mobile & Desktop with 99% code sharing between them (by devhubapp)

    Project mention: Ask HN: What Stack for mobile/desktop cross-platform native development in 2021? | news.ycombinator.com | 2021-10-20

    React Native is your best bet.


    - https://github.com/devhubapp/devhub

    - https://github.com/mmazzarolo/react-native-universal-monorep...

    RN desktop support is weak. But your mobile apps will work quite differently to your desktop apps anyway. And you probably want something that can run on the web too. So for desktop you just put your web app in Electron.

    The difference between mobile and web will mean having to implement different routing and components, but you can share a lot of code.

    Flutter is the new kid on the block.

  • GitHub repo graphql-playground

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

    Project mention: Creating GraphQL Api Using NestJS For Multiple Databases | dev.to | 2021-11-04

    Navigate to http://localhost:3000/graphql. NestJS uses graphql playground by default. It's a lovely GraphQL IDE. We can check our schema here.

  • GitHub repo quicktype

    Generate types and converters from JSON, Schema, and GraphQL

    Project mention: How to redirect https://ipfs.io to my local ipfs? | reddit.com/r/ipfs | 2021-11-28

    Use quicktype to easily generate JSON from and to that class.

  • GitHub repo API Platform

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

    Project mention: Modern PHP Cheat Sheet | news.ycombinator.com | 2021-11-25

    If you really want things to happen fast, you can also take a look at 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 urql

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

    Project mention: The React roadmap for beginners you never knew you needed. | dev.to | 2021-11-23


  • 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 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: Hacker News top posts: Nov 23, 2021 | reddit.com/r/hackerdigest | 2021-11-23

    Show HN: Visual GraphQL Editor OSS\ (0 comments)

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-12-01.

TypeScript GraphQL related posts


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

Project Stars
1 react-query 23,971
2 react-starter-kit 21,044
3 graphql-js 18,171
4 apollo-client 17,007
5 RxDB 16,610
6 Bit 14,373
7 graphiql 12,928
8 Directus 12,872
9 apollo-server 12,095
10 postgraphile 10,874
11 redwood 10,071
12 howtographql 7,954
13 graphql-code-generator 7,894
14 devhub 7,774
15 graphql-playground 7,650
16 quicktype 7,365
17 API Platform 7,108
18 TypeGraphQL 6,840
19 urql 6,552
20 graphql-yoga 6,546
21 graphql-voyager 6,451
22 express-graphql 6,161
23 graphql-editor 5,459
Find remote GraphQL jobs at our new job board 99remotejobs.com. There are 2 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives