Amira  Ryan

Amira Ryan

1626343080

What is GraphQL Fragment | Fundamentals of GraphQL

GraphQL Fragments
Using fragments in GraphQL
#GraphQL #GraphQLQuery #GraphQLMutation #ApolloServer #GraphQLFragments #GraphQLHindi
Github Repo - https://github.com/AnkitDroidGit/GraphQL-Demo

Full Playlist - https://www.youtube.com/playlist?list=PLt7lRnT2c5QTdzvHgKybuMankvw855qMW

Part 01 - https://youtu.be/mAFPj-leaMw
Part 02 - https://youtu.be/kdodfiHVn3s
Part 03 - https://youtu.be/UOV03_WQVJ0
Part 04 - https://youtu.be/Ar2JC20nq2w
Part 05 - https://youtu.be/PI-PZau3P7c

Other Interesting Videos and Video series application development :
------- Complete Guide on Flutter Development
https://youtube.com/playlist?list=PLt7lRnT2c5QS4N50fediyOPSrST_-Fh3g

------- Deep linking mobile applications
https://www.youtube.com/playlist?list=PLt7lRnT2c5QRW9ZxKi5hsi9e_AmxLHA77

------- React Hooks Playlist
https://www.youtube.com/playlist?list=PLt7lRnT2c5QRVIELOi2A0NRoY7JHAQdWB

------- Fundamentals of GraphQL in Hindi
ttps://www.youtube.com/playlist?list=PLt7lRnT2c5QTdzvHgKybuMankvw855qMW

Please share your suggestions and feedback with me in the comments below or on Twitter.

Twitter - https://twitter.com/KumarrAnkitt
YouTube: https://www.youtube.com/TechTalksWithAK
Github: https://github.com/AnkitDroidGit
Linkedin - https://www.linkedin.com/in/kumarankitkumar/
Facebook Group - https://fb.com/groups/tech.talks.group
Facebook Page - https://fb.com/tech.talks.fb.page
Instagram: https://www.instagram.com/techtalkks/
Telegram Group: https://t.me/joinchat/JBFH4RzD2WHsvJjrpBcWNQ

#graphql #graphqlquery

What is GEEK

Buddha Community

What is GraphQL Fragment | Fundamentals of GraphQL

Elm Graphql: Autogenerate Type-safe GraphQL Queries in Elm

dillonkearns/elm-graphql  

Why use this package over the other available Elm GraphQL packages? This is the only one that generates type-safe code for your entire schema. Check out this blog post, Type-Safe & Composable GraphQL in Elm, to learn more about the motivation for this library. (It's also the only type-safe library with Elm 0.18 or 0.19 support, see this discourse thread).

I built this package because I wanted to have something that:

  1. Gives you type-safe GraphQL queries (if it compiles, it's valid according to the schema),
  2. Creates decoders for you in a seamless and failsafe way, and
  3. Eliminates GraphQL features in favor of Elm language constructs where possible for a simpler UX (for example, GraphQL variables & fragments should just be Elm functions, constants, lets).

See an example in action on Ellie. See more end-to-end example code in the examples/ folder.

Overview

dillonkearns/elm-graphql is an Elm package and accompanying command-line code generator that creates type-safe Elm code for your GraphQL endpoint. You don't write any decoders for your API with dillonkearns/elm-graphql, instead you simply select which fields you would like, similar to a standard GraphQL query but in Elm. For example, this GraphQL query

query {
  human(id: "1001") {
    name
    homePlanet
  }
}

would look like this in dillonkearns/elm-graphql (the code in this example that is prefixed with StarWars is auto-generated)

import Graphql.Operation exposing (RootQuery)
import Graphql.SelectionSet as SelectionSet exposing (SelectionSet)
import StarWars.Object
import StarWars.Object.Human as Human
import StarWars.Query as Query
import StarWars.Scalar exposing (Id(..))


query : SelectionSet (Maybe HumanData) RootQuery
query =
    Query.human { id = Id "1001" } humanSelection


type alias HumanData =
    { name : String
    , homePlanet : Maybe String
    }


humanSelection : SelectionSet HumanData StarWars.Object.Human
humanSelection =
    SelectionSet.map2 HumanData
        Human.name
        Human.homePlanet

GraphQL and Elm are a perfect match because GraphQL is used to enforce the types that your API takes as inputs and outputs, much like Elm's type system does within Elm. elm-graphql simply bridges this gap by making your Elm code aware of your GraphQL server's schema. If you are new to GraphQL, graphql.org/learn/ is an excellent way to learn the basics.

After following the installation instructions to install the @dillonkearns/elm-graphql NPM package and the proper Elm packages (see the Setup section for details). Once you've installed everything, running the elm-graphql code generation tool is as simple as this:

npx elm-graphql https://elm-graphql.herokuapp.com --base StarWars --output examples/src

If headers are required, such as a Bearer Token, the --header flag can be supplied.

npx elm-graphql https://elm-graphql.herokuapp.com --base StarWars --output examples/src --header 'headerKey: header value'

Learning Resources

There is a thorough tutorial in the SelectionSet docs. SelectionSets are the core concept in this library, so I recommend reading through the whole page (it's not very long!).

The examples/ folder is another great place to start.

If you want to learn more GraphQL basics, this is a great tutorial, and a short read: graphql.org/learn/

My Elm Conf 2018 talk goes into the philosophy behind dillonkearns/elm-graphql

Types Without Borders Elm Conf Talk

(Skip to 13:06 to go straight to the dillonkearns/elm-graphql demo).

If you're wondering why code is generated a certain way, you're likely to find an answer in the Frequently Asked Questions (FAQ).

There's a very helpful group of people in the #graphql channel in the Elm Slack. Don't hesitate to ask any questions about getting started, best practices, or just general GraphQL in there!

Setup

dillonkearns/elm-graphql generates Elm code that allows you to build up type-safe GraphQL requests. Here are the steps to setup dillonkearns/elm-graphql.

Add the dillonkearns/elm-graphql elm package as a dependency in your elm.json. You will also need to make sure that elm/json is a dependency of your project since the generated code has lots of JSON decoders in it.

elm install dillonkearns/elm-graphql
elm install elm/json

Install the @dillonkearns/elm-graphql command line tool through npm. This is what you will use to generate Elm code for your API. It is recommended that you save the @dillonkearns/elm-graphql command line tool as a dev dependency so that everyone on your project is using the same version.

npm install --save-dev @dillonkearns/elm-graphql
# you can now run it locally using `npx elm-graphql`,
# or by calling it through an npm script as in this project's package.json

Run the @dillonkearns/elm-graphql command line tool installed above to generate your code. If you used the --save-dev method above, you can simply create a script in your package.json like the following:

{
  "name": "star-wars-elm-graphql-project",
  "version": "1.0.0",
  "scripts": {
    "api": "elm-graphql https://elm-graphql.herokuapp.com/api --base StarWars"
  }

With the above in your package.json, running npm run api will generate dillonkearns/elm-graphql code for you to call in ./src/StarWars/. You can now use the generated code as in this Ellie example or in the examples folder.

Subscriptions Support

You can do real-time APIs using GraphQL Subscriptions and dillonkearns/elm-graphql. Just wire in the framework-specific JavaScript code for opening the WebSocket connection through a port. Here's a live demo and its source code. The demo server is running Elixir/Absinthe.

Contributors

Thank you Mario Martinez (martimatix) for all your feedback, the elm-format PR, and for the incredible logo design!

Thank you Mike Stock (mikeastock) for setting up Travis CI!

Thanks for the reserved words pull request @madsflensted!

A huge thanks to @xtian for doing the vast majority of the 0.19 upgrade work! :tada:

Thank you Josh Adams (@knewter) for the code example for Subscriptions with Elixir/Absinthe wired up through Elm ports!

Thank you Romario for adding OptionalArgument.map!

Thank you Aaron White for your pull request to improve the performance and stability of the elm-format step! 🎉

Roadmap

All core features are supported. That is, you can build any query or mutation with your dillonkearns/elm-graphql-generated code, and it is guaranteed to be valid according to your server's schema.

dillonkearns/elm-graphql will generate code for you to generate subscriptions and decode the responses, but it doesn't deal with the low-level details for how to send them over web sockets. To do that, you will need to use custom code or a package that knows how to communicate over websockets (or whichever protocol) to setup a subscription with your particular framework. See this discussion for why those details are not handled by this library directly.

I would love to hear feedback if you are using GraphQL Subscriptions. In particular, I'd love to see live code examples to drive any improvements to the Subscriptions design. Please ping me on Slack, drop a message in the #graphql channel, or open up a Github issue to discuss!

I would like to investigate generating helpers to make pagination simpler for Connections (based on the Relay Cursor Connections Specification). If you have ideas on this chime in on this thread.

See the full roadmap on Trello.


Author: dillonkearns
Source Code: https://github.com/dillonkearns/elm-graphql
License: View license

#graphql 

Delbert  Ferry

Delbert Ferry

1622105190

How to use GraphQL with Javascript – GraphQL.js tutorial

One of the fastest ways to get up and running with GraphQL is to install Apollo Server as middleware on your new or existing HTTP server.

In this short post, we demonstrate how to use Apollo Server to create a GraphQL server with Express.js using the [apollo-server-express] package. At the end, we’ll discuss the tradeoffs of this approach.

#graphql #javascript #graphql.js #graphql.js tutorial

Amira  Ryan

Amira Ryan

1626343080

What is GraphQL Fragment | Fundamentals of GraphQL

GraphQL Fragments
Using fragments in GraphQL
#GraphQL #GraphQLQuery #GraphQLMutation #ApolloServer #GraphQLFragments #GraphQLHindi
Github Repo - https://github.com/AnkitDroidGit/GraphQL-Demo

Full Playlist - https://www.youtube.com/playlist?list=PLt7lRnT2c5QTdzvHgKybuMankvw855qMW

Part 01 - https://youtu.be/mAFPj-leaMw
Part 02 - https://youtu.be/kdodfiHVn3s
Part 03 - https://youtu.be/UOV03_WQVJ0
Part 04 - https://youtu.be/Ar2JC20nq2w
Part 05 - https://youtu.be/PI-PZau3P7c

Other Interesting Videos and Video series application development :
------- Complete Guide on Flutter Development
https://youtube.com/playlist?list=PLt7lRnT2c5QS4N50fediyOPSrST_-Fh3g

------- Deep linking mobile applications
https://www.youtube.com/playlist?list=PLt7lRnT2c5QRW9ZxKi5hsi9e_AmxLHA77

------- React Hooks Playlist
https://www.youtube.com/playlist?list=PLt7lRnT2c5QRVIELOi2A0NRoY7JHAQdWB

------- Fundamentals of GraphQL in Hindi
ttps://www.youtube.com/playlist?list=PLt7lRnT2c5QTdzvHgKybuMankvw855qMW

Please share your suggestions and feedback with me in the comments below or on Twitter.

Twitter - https://twitter.com/KumarrAnkitt
YouTube: https://www.youtube.com/TechTalksWithAK
Github: https://github.com/AnkitDroidGit
Linkedin - https://www.linkedin.com/in/kumarankitkumar/
Facebook Group - https://fb.com/groups/tech.talks.group
Facebook Page - https://fb.com/tech.talks.fb.page
Instagram: https://www.instagram.com/techtalkks/
Telegram Group: https://t.me/joinchat/JBFH4RzD2WHsvJjrpBcWNQ

#graphql #graphqlquery

Delbert  Ferry

Delbert Ferry

1622024357

Speak at GraphQL Summit!

At Apollo, we’ve been hard at work helping to showcase the amazing stories and projects that have surfaced in the past few months. We’ve organized one [GraphQL meetup] already and there’s another coming up [tomorrow].

With [all] [the] [amazing] [GraphQL] happening in conferences and meetups around the world, and the fact that there never seemed to be enough room in our meetup lineups for everyone we wanted to hear from, we decided it was time to plan a conference dedicated entirely to GraphQL.

#graphql #talk graphql #graphql summit

Delbert  Ferry

Delbert Ferry

1651914000

Awesome Graphql: Awesome List Of GraphQL

awesome-graphql 

Awesome list of GraphQL

If you want to contribute to this list (please do), send me a pull request.

Table of Contents

 

Specifications

  • GraphQL - Working draft of the specification for GraphQL.
  • GraphQL over HTTP - Working draft of "GraphQL over HTTP" specification.
  • GraphQL Relay - Relay-compliant GraphQL server specification.
  • OpenCRUD - OpenCRUD is a GraphQL CRUD API specification for databases.
  • Apollo Federation - Apollo Federation specification

Foundations

Communities

Meetups

Implementations

JavaScript/TypeScript

  • graphql-js - A reference implementation of GraphQL for JavaScript.
  • graphql-jit - GraphQL execution using a JIT compiler.

Clients

  • apollo-client - A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.
  • graphql-request - A minimal GraphQL client for Node and browsers.
  • typescript-graphql-request - Use GraphQL Request as a fully typed SDK.
  • graphql-zeus - GraphQL Zeus creates autocomplete client library for JavaScript or TypeScript which provides autocompletion for strongly typed queries.
  • graphqurl - curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.
  • aws-amplify - A client library developed by Amazon for caching, analytics and more that includes a way to fetch GraphQL queries.

Frontend Framework Integrations

  • vue-apollo - Apollo/GraphQL integration for VueJS.
  • apollo-angular - A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server.
  • svelte-apollo - Svelte integration for Apollo GraphQL.
  • ember-apollo-client - An ember-cli addon for Apollo Client and GraphQL.
  • apollo-elements - GraphQL web components that work in any frontend framework.
  • sveltekit-kitql - A set of tools, helping you building efficient apps in a fast way with SvelteKit and GraphQL.

React

  • react-apollo - The core @apollo/client library provides built-in integration with React.
  • relay - Relay is a JavaScript framework for building data-driven React applications.
  • urql - A simple caching GraphQL client for React.
  • graphql-hooks - Minimal hooks-first GraphQL client with caching and server-side rendering support.
  • gqless - A GraphQL client without queries ✨
  • mst-gql - Bindings for mobx-state-tree and GraphQL.
  • micro-graphql-react - A lightweight utility for adding GraphQL to React. components. Includes simple caching and uses GET requests that could additionally be cached through a service-worker.

Servers

  • 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.
  • express-graphql - GraphQL Express Middleware.
  • hapi-graphql - Create a GraphQL HTTP server with Hapi.
  • hapi-plugin-graphiql - HAPI plugin for GraphiQL integration.
  • graphql-api-koa - GraphQL Koa middleware that implements GraphQL.js from scratch and supports native ESM.
  • koa-graphql - GraphQL Koa Middleware.
  • graphql-koa-scripts - GraphQL Koa 1 file simplified. usefull for quick test
  • gql - Universal GraphQL HTTP middleware for Deno.
  • mercurius - GraphQL plugin for Fastify.
  • graphql-yoga - Fully-featured GraphQL Server with focus on easy setup, performance and great developer experience.
  • graphitejs - Framework NodeJS for GraphQL.
  • graphql-helix - A highly evolved GraphQL HTTP Server.

Databases & ORMs

PubSub

  • graphql-ably-pubsub - Ably PubSub implementation for GraphQL to publish mutation updates and subscribe to the result through a subscription query.

Custom Scalars

  • graphql-scalars - A library of custom GraphQL Scalars for creating precise type-safe GraphQL schemas.
  • graphql-tools-types - Custom GraphQL types for use with GraphQL-Tools (Void, Int, Float, String, Date, UUID, JSON).

Type

  • type-graphql - Create GraphQL schema and resolvers with TypeScript, using classes and decorators!
  • graphql-nexus - Code-First, Type-Safe, GraphQL Schema Construction.
  • graphql-code-generator: GraphQL code generator with flexible support for custom plugins and templates like TypeScript (frontend and backend), React Hooks, resolvers signatures and more.
  • pothos - Pothos is a plugin based GraphQL schema builder for typescript. It makes building graphql schemas in typescript easy, fast and enjoyable.

Miscellaneous

  • graphql-tools - Tool library for building and maintaining GraphQL-JS servers.
  • graphql-tag - A JavaScript template literal tag that parses GraphQL queries.
  • graphql-compose - Tool which allows you to construct flexible graphql schema from different data sources via plugins.
  • graphql-modules - Separate GraphQL server into smaller, reusable parts by modules or features.
  • graphql-shield - A library that helps creating a permission layer for a graphql api.
  • graphql-let - A webpack loader to import type-protected codegen results directly from GraphQL documents
  • graphql-config - One configuration for all your GraphQL tools (supported by most tools, editors & IDEs).
  • graphql-cli - A command line tool for common GraphQL development workflows.
  • graphql-toolkit - A set of utils for faster development of GraphQL tools (Schema and documents loading, Schema merging and more).
  • graphql-mesh - use GraphQL query language to access data in remote APIs that don't run GraphQL (and also ones that do run GraphQL).
  • sofa - Generate REST API from your GraphQL API.
  • graphback - Framework and CLI to add a GraphQLCRUD API layer to a GraphQL server using data models.
  • graphql-middleware - Split up your GraphQL resolvers in middleware functions.
  • graphql-relay-js - A library to help construct a graphql-js server supporting react-relay.
  • graphql-normalizr - Normalize GraphQL responses for persisting in the client cache/state.
  • babel-plugin-graphql - Babel plugin that compile GraphQL tagged template strings.
  • eslint-plugin-graphql - An ESLint plugin that checks your GraphQL strings against a schema.
  • graphql-ws - Coherent, zero-dependency, lazy, simple, GraphQL over WebSocket Protocol compliant server and client.
  • graphql-live-query - Realtime GraphQL Live Queries with JavaScript.
  • GraphVinci - An interactive schema visualizer for GraphQL APIs.
  • supertest-graphql - Extends supertest to easily test a GraphQL endpoint
  • schemathesis - Runs arbitrary queries matching a GraphQL schema to find server errors.

JavaScript Examples

TypeScript Examples

Ruby

  • graphql-ruby - Ruby implementation of Facebook's GraphQL.
  • graphql-client - A Ruby library for declaring, composing and executing GraphQL queries.
  • graphql-batch - A query batching executor for the graphql gem.
  • graphql-auth - A JWT auth wrapper working with devise.
  • agoo - Ruby web server that implements Facebook's GraphQL.
  • GQLi - A GraphQL client and DSL. Allowing to write queries in native Ruby.

Ruby Examples

PHP

  • graphql-php - A PHP port of GraphQL reference implementation.
  • graphql-relay-php - Relay helpers for webonyx/graphql-php implementation of GraphQL.
  • lighthouse - A PHP package that allows to serve a GraphQL endpoint from your Laravel application.
  • graphql-laravel - Laravel wrapper for Facebook's GraphQL.
  • overblog/graphql-bundle - This bundle provides tools to build a complete GraphQL server in your Symfony App. Supports react-relay.
  • wp-graphql - GraphQL API for WordPress.
  • graphqlite - Framework agnostic library that allows you to write GraphQL server by annotating your PHP classes.
  • siler - Plain-old functions providing a declarative API for GraphQL servers with Subscriptions support.
  • graphql-request-builder - Builds request payload in GraphQL structure.

PHP Examples

Python

Python Examples

Java

Custom Scalars

Java Examples

Kotlin

  • graphql-kotlin - GraphQL Kotlin implementation.
  • manifold-graphql - Comprehensive GraphQL client use. Schema-first. Type-safe GraphQL types, queries, and results, no code generators, no POJOs, no annotations. Excellent IDE support with IntelliJ IDEA and Android Studio. See the Kotlin example below.
  • KGraphQL: Pure Kotlin implementation to setup a GraphQL server.
  • Kobby - Codegen plugin of Kotlin DSL Client by GraphQL schema. The generated DSL supports execution of complex GraphQL queries, mutation and subscriptions in Kotlin with syntax similar to native GraphQL syntax.

Kotlin Examples

  • manifold-graphql sample - A simple GraphQL application, both client and server, demonstrating the Manifold GraphQL library with Kotlin.

C/C++

  • libgraphqlparser - A GraphQL query parser in C++ with C and C++ APIs.
  • agoo-c - A high performance GraphQL server written in C. benchmarks
  • cppgraphqlgen - C++ GraphQL schema service generator.
  • CaffQL - Generates C++ client types and request/response serialization from a GraphQL introspection query.

Go

  • graphql - An implementation of GraphQL for Go follows graphql-js
  • graphql-go - GraphQL server with a focus on ease of use.
  • gqlgen - Go generate based graphql server library.
  • graphql-relay-go - A Go/Golang library to help construct a server supporting react-relay.
  • graphjin: Build APIs in 5 minutes with GraphQL. An instant GraphQL to SQL compiler.

Go Examples

Scala

  • sangria - Scala GraphQL server implementation.
  • sangria-relay - Sangria Relay Support.
  • caliban - Caliban is a purely functional library for creating GraphQL backends in Scala.

Scala Examples

.NET

Elixir

Elixir Examples

Haskell

SQL

  • GraphpostgresQL - GraphQL for Postgres.
  • sql-to-graphql - Generate a GraphQL API based on your SQL database structure.
  • PostGraphile - Lightning-fast GraphQL APIs for PostgreSQL: highly customisable; extensible via plugins; realtime.
  • Hasura - Hasura gives Instant Realtime GraphQL APIs over PostgreSQL. Works with an existing database too.
  • subZero - GraphQL & REST API for your database

Lua

Elm

Clojure

  • graphql-clj - A Clojure library designed to provide GraphQL implementation.
  • Lacinia - GraphQL implementation in pure Clojure.
  • graphql-query - Clojure(Script) GraphQL query generation.

Clojure Examples

Swift

  • GraphQL - The Swift implementation for GraphQL.

OCaml

Android

  • apollo-android - 📟 A strongly-typed, caching GraphQL client for Android, written in Java.
  • manifold-graphql - Comprehensive GraphQL client use. Schema-first. Type-safe GraphQL types, queries, and results, no code generators, no POJOs, no annotations. Excellent IDE support with IntelliJ IDEA and Android Studio. See the Java example below.

Android Examples

iOS

  • apollo-ios - 📱 A strongly-typed, caching GraphQL client for iOS, written in Swift.
  • ApolloDeveloperKit - Apollo Client Devtools bridge for [Apollo iOS].
  • Graphaello - Type Safe GraphQL directly from SwiftUI.

iOS Examples

ClojureScript

  • re-graph - A GraphQL client for ClojureScript with bindings for re-frame applications.
  • graphql-query - Clojure(Script) GraphQL query generation.

ReasonML

  • reason-apollo - ReasonML binding for Apollo Client.
  • ReasonQL - Type-safe and simple GraphQL Client for ReasonML developers.
  • reason-urql - ReasonML binding for urql Client.

Dart

Rust

  • async-graphql - High-performance server-side library that supports all GraphQL specifications.
  • juniper - GraphQL server library for Rust.
  • graphql-client - GraphQL client library for Rust with WebAssembly (wasm) support.
  • graphql-parser - A parser, formatter and AST for the GraphQL query and schema definition language for Rust.

Rust Examples

D (dlang)

  • graphqld - GraphQL server library for D.

R (Rstat)

  • ghql - General purpose GraphQL R client.
  • graphql - Bindings to the 'libgraphqlparser' C++ library. Parses GraphQL syntax and exports the AST in JSON format.
  • gqlr - R GraphQL Implementation.

Julia

  • Diana.jl - A Julia GraphQL client/server implementation.
  • GraphQLClient.jl - A Julia GraphQL client for seamless integration with a server.

Crystal

Tools

Tools - Editors & IDEs & Explorers

  • GraphiQL - An in-browser IDE for exploring GraphQL.
  • GraphQL Editor - Visual Editor & GraphQL IDE.
  • GraphQL Voyager - Represent any GraphQL API as an interactive graph.
  • Altair GraphQL Client - A beautiful feature-rich GraphQL Client for all platforms.
  • Insomnia - A full-featured API client with first-party GraphQL query editor.
  • Postman - An HTTP Client that supports editing GraphQL queries.
  • Apollo Sandbox - The quickest way to navigate and test your GraphQL endpoints.
  • GraphQL Birdseye – View any GraphQL schema as a dynamic and interactive graph.
  • AST Explorer - Select "GraphQL" at the top, explore the GraphQL AST and highlight different parts by clicking in the query.
  • Firecamp - GraphQL Playground - The fastest collaborative GraphQL playground.
  • CraftQL - A CLI tool to visualize GraphQL schemas and to output a graph data structure as a graphviz .dot format.

Tools - Security

Tools - Browser Extensions

Tools - Prototyping

  • GraphQL Faker - 🎲 Mock or extend your GraphQL API with faked data. No coding required.
  • GraphQL Designer - A developer's web-app tool to rapidly prototype a full stack CRUD implementation of GraphQL with React.

Tools - Docs

  • graphdoc - Static page generator for documenting GraphQL Schema.
  • gqldoc - The easiest way to make API documents for GraphQL.
  • spectaql - Autogenerate static GraphQL API documentation

Tools - Editor Plugins

  • Apollo GraphQL VSCode Extension - Rich editor support for GraphQL client and server development that seamlessly integrates with the Apollo platform
  • js-graphql-intellij-plugin - GraphQL language support for IntelliJ IDEA and WebStorm, including Relay.QL tagged templates in JavaScript and TypeScript.
  • vim-graphql - A Vim plugin that provides GraphQL file detection and syntax highlighting.
  • Apollo Workbench - Tooling to help you develop and mock federated schemas using Apollo Federation.
  • graphql-autocomplete - Autocomplete and lint from a GraphQL endpoint in Atom.

Tools - Miscellaneous

  • graphql-code-generator - GraphQL code generator based on schema and documents.
  • swagger-to-graphql - GraphQL types builder based on REST API described in Swagger. Allows to migrate to GraphQL from REST for 5 minutes
  • ts-graphql-plugin - A language service plugin complete and validate GraphQL query in TypeScript template strings.
  • apollo-tracing - GraphQL extension that enables you to easily get resolver-level performance information as part of a GraphQL response.
  • json-graphql-server - Get a full fake GraphQL API with zero coding in less than 30 seconds, based on a JSON data file.
  • Prisma - Turn your database into a GraphQL API. Prisma lets you design your data model and have a production ready GraphQL API online in minutes.
  • Typetta - Node.js ORM written in TypeScript for type lovers. Typetta is the perfect ORM for the GraphQL + NodeJS + Typescript stack.
  • tuql - Automatically create a GraphQL server from any sqlite database.
  • Bit - Organize GraphQL API as components to be consumed with NPM or modified from any project, example-explanation).
  • openapi-to-graphql - Take any OpenAPI Specification (OAS) or swagger and create a GraphQL interface - Two minute video and resources here
  • Retool – Internal tools builder on top of your GraphQL APIs + GraphQL IDE with a schema explorer.
  • dataloader-codegen - An opinionated JavaScript library for automatically generating predictable, type safe DataLoaders over a set of resources (e.g. HTTP endpoints).
  • raphql-inspector: alidate schema, get schema change notifications, validate operations, find breaking changes, look for similar types, schema coverage.
  • amplication: Amplication is an open‑source low code development tool. It builds database applications with REST API and GraphQL for CRUD with relations, sorting, filtering, pagination.
  • Blendbase: Single open-source GraphQL API to connect CRMs to your SaaS. Query any customer CRM system (Salesforce, Hubspot and more) with a single API query from your SaaS app.

Databases

Services

  • AWS AppSync - Scalable managed GraphQL service with subscriptions for building real-time and offline-first apps
  • FakeQL - GraphQL API mocking as a service ... because GraphQL API mocking should be easy!
  • Moesif API Analytics - A GraphQL analaytics and monitoring service to find functional and performance issues.
  • Booster framework - An open-source framework that makes you completely forget about infrastructure and allows you to focus exclusively on your business logic. It autogenerates a GraphQL API for your models, supporting mutations, queries, and subscriptions.
  • Hypi - Low-code, scalable, serverless backend as a service. Your GraphQL & REST over GraphQL backend in minutes.
  • Nhost - Open source Firebase alternative with GraphQL
  • Saleor - GraphQL-first headless e-commerce platform.
  • Stargate - Open source data gateway currently supporting Apache Cassandra® and DataStax Enterprise.

CDN

  • GraphCDN - GraphQL CDN for caching GraphQL APIs.

CMS

  • DatoCMS - CDN-based GraphQL based Headless Content Management System.
  • GraphCMS - GraphQL based Headless Content Management System.
  • Cosmic - GraphQL-powered Headless CMS and API toolkit.

Books

Videos

Podcasts

Style Guides

  • Shopify GraphQL Design Tutorial - This tutorial was originally created by Shopify for internal purposes. It's based on lessons learned from creating and evolving production schemas at Shopify over almost 3 years.
  • GitLab GraphQL API Style Guide - This document outlines the style guide for the GitLab GraphQL API.
  • Yelp GraphQL Guidelines - This repo contains documentation and guidelines for a standardized and mostly reasonable approach to GraphQL (at Yelp).
  • Principled GraphQL - Apollo's 10 GraphQL Principles, broken out into three categories, in a format inspired by the Twelve Factor App.

Blogs

Blogs - Security

Posts

Workshoppers

  • How to GraphQL - Fullstack Tutorial Website with Tracks for all Major Frameworks & Languages including React, Apollo, Relay, JavaScript, Ruby, Java, Elixir and many more.
  • Apollo Odyssey - Apollo's free interactive learning platform.
  • learning-graphql - An attempt to learn GraphQL.

Author: chentsulin
Source Code: https://github.com/chentsulin/awesome-graphql
License: 

#graphql