Vue

+
GraphQL

Carlos Rufo / 13-08-2019 / Vue Hong Kong #1

👋 , I'm Carlos!

💻 Polyglot Engineer

🇭🇰 @GraphQLHongKong organizer

📹 @VueSchool_io instructor

🚀 api.spacex.land author

@swcarlosrj

Agenda

• Intro to GraphQL 🌏 (20')

• Vue 🚀
  GraphQL Clients (20')

• 👩‍🚀 Q&A 👨‍🚀 (15')

Intro to
GraphQL 🌏

Why 🤔

Efficiency

⚠️ Common issues in current APIs

Ask for what you need,
get exactly that 🎆

"Fetch more data
that the client
actually needs"

Save resources,
respond faster ⚡️

Efficiency

🤩 Desktop ~ 100%  

😧 Mobile ~ 60%

😱 Watch ~ 20%

Reusability

😃 /desktop/launches

🤨 /mobile/launches

😤 /watch/launches

Ask for nested resources,
get all of that 🎇

"Fetch not enough data that the client
actually needs"

Handle data
in your 📱,
instead over the 🌐!

REST

🤩 /launches - 1 HTTP/DB

😧 /rocket/:id - 'N' HTTP/DB
😭 Client parse functions

GraphQL

😃 /graphql - 1 HTTP/'N' DB

😎 No client parse functions

Explore your API ✨

• 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 🧐

What 🤩

It's not a library,
nor a framework

Is a language-agnostic
specification for your API!

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

It's not a library,
nor a framework

Is a Graph QL
for your API!

💪 Strongly Typed

🔎 Introspection

📝 Queries, Mutations & Subscriptions

🌐 Transport agnostic

♻️ Efficient & Reusable

⚡️ Product development

😅 Several clients support need

🤔 Rethink app data-fetching

💡 "Write once, run anywhere"

Docs

GraphQL.org

Confs

GQL Asia 🇮🇳 Apr 12-13 

GQL Conf 🇩🇪 Jun 20-21

GQL HK 🇭🇰 Sept 29

GQL Summit 🇺🇸 Oct 29-31

Tutorials

How To GraphQL

Newsletters

GraphQL Weekly

Books

Learning GraphQL

Blogs

Open GraphQL

Courses

GraphQL Query Language

Thanks 😄

so much!

Hoping to                seeing y'all

@ GraphQL 🇭🇰 Hong Kong

Vue 🚀
GraphQL Clients

🚀 Live
Coding

Design

👩‍🚀 Q&A 👨‍🚀

Thanks for coming 😄

Vue + GraphQL

Vue Hong Kong #1

See you at                     ?

@swcarlosrj