Carlos Rufo
Polyglot Engineer • @GraphQLHongKong organizer • api.spacex.land author • he/him
Prevent breaking production with GraphQL + TypeScript
Carlos Rufo / 14-11-2019 / API Days London 🇬🇧 2019
👋 I'm Carlos
Software 💻 Consultant
GraphQL 🇭🇰 Organizer
SpaceX 🚀 GraphQL API
Agenda
-
🌏 WHW GraphQL
-
🚀 GraphQL + TypeScript
-
🌖 Live Coding
WHW 🌏
GraphQL
What 🤩
-
Specification
-
Query Language
-
Features
Specification
❌ It's not a library
❌ It's not a framework
✅ It's a specification
Is a language-agnostic
specification to build APIs
Query Language
❌ It's not a library
❌ It's not a framework
✅ It's a Graph Query Language specification
Features
🔒 Strongly Typed
🔎 Introspectable
📝 Queries, Mutations & Subscriptions
🌐 Transport agnostic
♻️ Efficient & Reusable
⚡️ Product development
How 🧐
🔜 Live
Coding
Why 🤔
-
Efficiency
-
Docs
-
Tooling
-
Type System
Efficiency
-
Overfetching
-
Underfecthing
⚠️ Common issues in current APIs
Overfetching
"Fetch more data
that the client
actually needs"
Ask for what you need,
get exactly that 🎆
Underfetching
Ask for multiple resources,
get all of that 🎇
"Fetch not enough data that the client
actually needs"
Docs
-
Auto-Generated
-
Typed
-
Up-to-Date
It'd be 🔥
Tooling
Move faster with
powerful dev tools 🕹
-
In-browser API IDE
-
Auto-Gen Types
-
IDEs extensions
Type System
Type System
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
-
Exploring 🌏 Codebase
-
GraphQL 🚀 Servers
-
GraphQL 🌖 Clients
SpaceX APIs
Check & contribute
github.com/spacexland
Slides
Thanks 🇬🇧
Prevent breaking production with GraphQL + TypeScript - API Days London 2019
By Carlos Rufo
