GraphQL Ecosystem

About me! 🤓

• Write code! - mostly for fun 😃
• Love to play Football ⚽
• Working with Prisma (prisma.io) on OSS 😼
• Twitter (and across internet): @divyenduz 🐦

Aim 🎳

• Cover width and not depth of the GraphQL stack 🕵️‍♂️
• Save you tons of research time ⌚
• Challenges
  • Engineering 👩‍💻
  • Human 💌
• Help you get started on OSS ❤️
  • This is an ongoing discussion
    Find me @divyenduz on 🐦 - DM are open!

GraphQL

• Single Endpoint for all data ☝️
• Contract between client and server 🗒️
  • Static analysis/optimization/safety
  • Decoupled client/server
• SDL

GraphQL

Origin 🔰

• Mobile development at Facebook 
• Open sourced in 2015 (started in 2012)
  • Language agnostic
  • Transport agnostic
  • What was open sourced?

Reference Implementation in JS

Spec

The Ecosystem ⚙️

• graphql-import
• graphql-config
• graphql-cli
• graphql-tools
• graphql-binding
• VSCode GraphQL
• ----------------------------------------
• Clients
  • graphql-request/Apollo/urql/relay
• Servers
  • graphql-yoga/apollo-server
• More
  • Playground

graphql-import

• SDL does not have an import system
• Good: Intelligent auto-import
• Bad: The comment syntax
• Challenges:
  • Upcoming features
  • Collisions
  • Cyclic imports

https://github.com/prismagraphql/graphql-import

graphql-config

• Language agnostic configuration
• Good: Supported by a lot of tools in Ecosystem
• Bad: Too many variations (opinion)
• Challenges:
  • Adoption
  • Simplification

https://github.com/prismagraphql/graphql-config

graphql-cli

• Common development workflows
• Good: Awesome getting started experience
  • graphql create, get-schema, lint etc
  • graphql codegen: code generation
  • graphql-config
  • Language agnostic
• Bad*: Open issues that need love 🤟
• Challenges:
  • Powerful plugin system

https://github.com/graphql-cli/graphql-cli

graphql-tools

• Powerful yet easy abstraction over graphql-js 👍
• Good: Schema stitching 👚
  • Architectures*
  • Delegation
  • graphql-binding
• Bad: Only exists in JS 1️⃣
• Challenges:
  • Implementation in other languages

https://github.com/apollographql/graphql-tools

graphql-binding

• Auto-generated SDK for your GraphQL API 🚘
• Supports schema stitching & codegen
• Good: Amazing developer experience, type safety
• Bad: Only exists in JS 1️⃣
• Challenges:
  • Abstraction overhead
• Resources: https://w3z.in/42f3a

https://github.com/graphql-binding/graphql-binding

VSCode GraphQL

• Language service protocol ❤️
• Auto-completion, highlighting, lint 👩‍💻
• Integrated development experience 🤯
• Good: Reduced context switch 👍
• Bad: Edge cases need some love 🔪
• Challenges:
  • Client queries mapping
• Upcoming:
  • Execute GraphQL operations ⏩

https://github.com/prismagraphql/vscode-graphql

Important Note about OSS

• Humans 🤹‍♂️
• Empathy 🤗
• Help/join 🙌

Questions? 🤔

Feedback 🙏

https://www.divyendusingh.com

Thank you 🙌