Prevent breaking production with GraphQL + TypeScript

Carlos Rufo / 14-11-2019 / API Days London 🇬🇧 2019

👋 I'm Carlos

@swcarlosrj

Software 💻 Consultant

GraphQL 🇭🇰 Organizer

SpaceX 🚀 GraphQL API

Agenda

1. 🌏 WHW GraphQL

2. 🚀 GraphQL + TypeScript

3. 🌖 Live Coding

WHW 🌏
GraphQL

What 🤩

❌ It's not a library

❌ It's not a framework

✅ It's a specification

Is a language-agnostic
specification to build APIs

C# / .NET, Clojure, Elixir, Erlang, Go, Groovy,
Java, JavaScript, PHP, Python, Scala, Ruby

❌ It's not a library

❌ It's not a framework

✅ It's a Graph Query Language specification

🔒 Strongly Typed

🔎 Introspectable

📝 Queries, Mutations & Subscriptions

🌐 Transport agnostic

♻️ Efficient & Reusable

⚡️ Product development

How 🧐

Why 🤔

Efficiency

⚠️ Common issues in current APIs

"Fetch more data
that the client
actually needs"

Ask for what you need,
get exactly that 🎆

Ask for multiple resources,
get all of that 🎇

"Fetch not enough data that the client
actually needs"

• Auto-Generated

• Typed

• Up-to-Date

 

It'd be 🔥

Move faster with
powerful dev tools 🕹

• In-browser API IDE

• Auto-Gen Types

• IDEs extensions

Explore your API ✨

GraphQL 🚀
TypeScript

TypeScript

Typed superset of JavaScript that compiles to plain JavaScript

TypeScript & GraphQL

• Starts and ends with JavaScript

• Strong tools for large apps

• State of the art JavaScript

Introspect your API with GraphQL,
introspect your code with TS

Single Source of Truth

Type Generators

Auto-generate types based
on your GraphQL implementation

Live coding

🌏 🚀 🌖

Agenda

1. Exploring 🌏 Codebase

2. GraphQL 🚀 Servers

3. GraphQL 🌖 Clients

SpaceX APIs

Links

🚀 api.spacex.land/graphql

🛰 api.spacex.land/rest

Check & contribute
github.com/spacexland