TypeScript GraphQL

Open-source TypeScript projects categorized as GraphQL

Top 23 TypeScript GraphQL Projects

  • TanStack Query

    🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue.

    Project mention: Where can I read high-quality react code with functional components? | reddit.com/r/reactjs | 2022-11-14

    - TanStack Query: https://github.com/TanStack/query/tree/main/examples/react

  • Hasura

    Blazing fast, instant realtime GraphQL APIs on your DB with fine grained access control, also trigger webhooks on database events.

    Project mention: School of Haskell: Basics | news.ycombinator.com | 2022-11-11
  • Zigi

    Delete the most useless function ever: context switching.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

  • react-starter-kit

    The web's most popular Jamstack front-end template (boilerplate) for building web applications with React

    Project mention: Top 5 React Boilerplates to Know in 2023 | dev.to | 2022-11-15

    4 React Starter Kit React Starter Kit The React library, which has 20.6k stars, served as the foundation for Kriasoft's isomorphic starter kit. Modern web development tools including Node.js, Express, GraphQL, Babel, PostCSS, Webpack, and Browsersync are used by React Starter Kit

  • react-admin

    A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

    Project mention: 33 React Libraries Every React Developer Should Have In Their Arsenal | dev.to | 2022-10-05

    31. react-admin

  • graphql-js

    A reference implementation of GraphQL for JavaScript

    Project mention: Apollo federated graph is not presenting its schema to graphiql with fields sorted lexicographically | reddit.com/r/graphql | 2022-10-22

    GraphiQL (and many other tools) relies on introspection query which AFAIK is not guaranteed to have any specific order (and many libs don't support it). Apollo Server is built on top of graphql-js and it relies on it for this functionality.

  • Directus

    The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.

    Project mention: Django Admin Panel Solutions | reddit.com/r/django | 2022-11-23

    You could try Directus. It inspects your database schema auto-creates an admin dashboard. Not really directly related to Django but it should work just fine with it

  • RxDB

    A fast, offline-first, reactive database for JavaScript Applications

    Project mention: Sveltekit SPA Mode: Prevent serverside code | reddit.com/r/sveltejs | 2022-11-14

    I am using rxdb which internally uses some folder imports like import x from './folder' as opposed to import x from './folder/index.js which is big nono inside node.js environments.

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • apollo-client

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

    Project mention: Sveltekit SPA Mode: Prevent serverside code | reddit.com/r/sveltejs | 2022-11-14

    I understand this has something to do with the fact, that SvelteKit expects the client and server code to be completely identical - this has already prompted changes to rxjs and apollo is still pending to be fixed. I understand the reason behind being able to run rxjs and apollo on the server but

  • redwood

    The App Framework for Startups

    Project mention: Have you ever tired for making choices even after choosing framework? | dev.to | 2022-11-18

    This leads me to JavaScript fatigue and makes me focused more on the tools instead of giving real value to the users—until I've came across with React framework called Redwood.js.

  • graphiql

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

    Project mention: React Real Time Messaging With GraphQL | dev.to | 2022-10-23

    OneGraphiQL is a data explorer that allows us to build up our GraphQL queries and mutations. It is the OneGraph implementation of GraphiQL, which can be used with any GraphQL endpoint. GraphiQL is the perfect way to discover the different things we can request. It is generated from the GraphQL schema and provides helpful documentation for the graph's queries, mutations and types. Additionally, it can intelligently suggest options while we are building our queries and mutations.

  • 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 Install Apollo Server and GraphQL? | dev.to | 2022-11-06

    Apollo Server is an open-source, spec-compliant GraphQL server that's compatible with any GraphQL client, including Apollo Client. It's the best way to build a production-ready, self-documenting GraphQL API that can use data from any source.

  • postgraphile

    Execute one command (or mount one Node.js middleware) and get an instant high-performance GraphQL API for your PostgreSQL database!

    Project mention: Ask HN: Locally generate GraphQL schema and resolvers from DB | news.ycombinator.com | 2022-10-22

    What do you mean locally? Hasura is OSS, and you can run it locally (you have autogenerated SQL statements) Here you can just use Nhost and its CLI;

    Alternatives are https://github.com/graphile/postgraphile or dgraph as you mentioned. Hasura is working on support for sqlite, so you may have some blockers there, you can also look into the Prisma engine which has GQL as an intermediate (for resolvers, for example)

  • 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: Move to Hasura/GraphQL for db | reddit.com/r/Firebase | 2022-11-10

    For querying in React make sure you use GraphQL code generator https://www.the-guild.dev/graphql/codegen

  • quicktype

    Generate types and converters from JSON, Schema, and GraphQL

    Project mention: I'm beginner in Swift and iOS development, so have some question with JSON parsing and image views. | reddit.com/r/SwiftUI | 2022-11-22

    Drop a sample API response into QuickType https://app.quicktype.io/

  • amplication

    Amplication is an open‑source development tool. It helps you develop quality Node.js applications without spending time on repetitive coding tasks.

    Project mention: AMPLICATION: Get your new Node.js app within 5 minutes | dev.to | 2022-11-24

    We might have heard of Amplication as an open-source tool to build a full-fledged backend application in very less time. These applications are of very high quality and save us time because we don’t need to have repetitive coding for them.

  • devhub

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

  • payload

    Free and Open-source Headless CMS and Application Framework built with TypeScript, Node.js, React and MongoDB

    Project mention: Picking a CMS in 2023 | reddit.com/r/cms | 2022-11-22

    Hey u/fgatti if you haven't checked out Payload - https://payloadcms.com/ I would highly recommend you give it a shot. I am a little biased because I work there, but if you're still evaluating it's worth a look. We're happy to answer any questions you have.

  • howtographql

    The Fullstack Tutorial for GraphQL

  • graphql-playground

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

    Project mention: Why Is It So Important To Go To Meetups | dev.to | 2022-04-16

    I went to a GraphQL meetup and they used the gql playground and a similar schema generator to what I was using, and it made me feel relevant.

  • API Platform

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

    Project mention: How should i use vuejs in a php script? | reddit.com/r/vuejs | 2022-11-15

    The recommended way to use Vue and PHP is via an API. You use PHP to create the API (there is a really good package for it!) and call that API from your Vue application.

  • urql

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

    Project mention: React Real Time Messaging With GraphQL | dev.to | 2022-10-23

    urql docs

  • TypeGraphQL

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

    Project mention: Do you use a tool for generating your GraphQL schema, or do you write it as part of your development process? | reddit.com/r/graphql | 2022-10-14

    I've used tools (e.g. TypeGraphQL) in the past, and for smaller schemas I've just manually written the schema.

  • graphql-yoga

    🧘 Rewrite of a fully-featured GraphQL Server with focus on easy setup, performance & great developer experience. The core of Yoga implements WHATWG Fetch API and can run/deploy on any JS environment.

    Project mention: Announcing GraphQL Yoga v3 | dev.to | 2022-11-17

    We have migration guide try it out! We can't wait answer your questions and get your feedback on how we can make GraphQL Yoga even more better!

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

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 2022-11-24.

TypeScript GraphQL related posts

Index

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

Project Stars
1 TanStack Query 31,252
2 Hasura 28,706
3 react-starter-kit 21,597
4 react-admin 21,060
5 graphql-js 19,210
6 Directus 18,531
7 RxDB 18,457
8 apollo-client 18,259
9 redwood 15,150
10 graphiql 14,347
11 apollo-server 13,031
12 postgraphile 11,637
13 graphql-code-generator 9,460
14 quicktype 9,013
15 amplication 8,998
16 devhub 8,565
17 payload 8,509
18 howtographql 8,399
19 graphql-playground 8,264
20 API Platform 7,674
21 urql 7,602
22 TypeGraphQL 7,504
23 graphql-yoga 7,240
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com