End-to-end

Type-Safe

GraphQL

Apps

Carlos Rufo / 08-02-2020 / JavaScript Bangkok 🇹🇭

👏 Kudos JSBangkok

Thanks to 🙏🏻
Speakers, Sponsors,

Organizers but specially,

to you all attendees ♥️

🎉 Largest JavaScript Conference in Asia 🎊

👋 I'm Carlos

@swcarlosrj

Software 💻 Consultant

GraphQL 🇭🇰 Organizer

SpaceX 🚀 GraphQL API

Agenda

1. 🌏 GraphQL Intro

2. 🚀 TS loves GQL

3. 🌖 Live-coding

But before start...

It's 🎉 🎊 🎈
DevJokes Time

Check & contribute 👇
github.com/shrutikapoor08/devjoke

DevJokes time 🎉

How do you comfort a JavaScript bug?

You console it 😂

DevJokes time 🎉

DevJokes time 🎊

Why do functions always break up?

Because they have constant arguments.

*🥁 ba dum tss

DevJokes time 🎊

"Your site will not have vulnerabilities...

if you don't find them"

DevJokes time 🎈

What the developer said to the repository?

FORK YOU! 🤣

Intro 🌏

GraphQL

🤔 What
🧐 Why
🤩 How

What 🤔

❌ It's not a library,
❌ nor a framework

✅ Is a language-agnostic
specification to build APIs

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

✅ Is a Graph QL
to build APIs

❌ It's not a library,
❌ nor a framework

💪 Strongly Typed

🔎 Introspectable

📝 Queries, Mutations, Subscriptions

♻️ Efficient & Reusable

🌐 Transport agnostic

⚡️ Product development

Docs

GraphQL.org

Confs

GQL Asia 🇮🇳 Feb 20-22 

GQL Conf 🇩🇪 Jun ?

GQL HK 🇭🇰 Sept ?

GQL Summit 🇺🇸 Oct 27-28

Tutorials

FullStack GraphQL

Newsletters

GraphQL Weekly

Books

Learning GraphQL

Blogs

Open GraphQL

Courses

GraphQL Query Language

Why 🤩

Introspect your API ✨

Efficiency

⚠️ Common issues in current APIs

Ask for what you need,
get exactly that 🎆

"Fetch more data
that the client
actually needs"

Ask for nested 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

How 🧐

TypeScript
♥️

GraphQL

TypeScript

Typed superset of JavaScript that compiles to plain JavaScript

TypeScript 🤝 GraphQL

• Starts and ends with JavaScript
• Strong tooling for large apps
• State of the art JavaScript

Introspect your API with GraphQL
Introspect your codebase with TS

Single Source of Truth

Type Generators

Auto-generate types based
on your GraphQL implementation

Live coding

🌏 🚀 🌖

Agenda

1. GraphQL 🌏 Explorer

2. GraphQL 🚀 Servers

3. GraphQL 🌖 Clients

SpaceX APIs

Links

🚀 api.spacex.land/graphql

🛰 api.spacex.land/rest

Check & contribute
github.com/spacexland

GraphQL 🇹🇭 Bangkok

meetup.com/GraphQL-Bangkok

GraphQL 🌏 Asia

           graphql.asia

Slides

ขอขอบคุณ 🇹🇭

@swcarlosrj