Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Why GraphQL: A React Developer's Perspective
Search
Praveen Durairaj
May 19, 2018
Programming
1
110
Why GraphQL: A React Developer's Perspective
React Bangalore Meetup May 2018
Praveen Durairaj
May 19, 2018
Tweet
Share
More Decks by Praveen Durairaj
See All by Praveen Durairaj
Intro to GraphQL
praveenweb
0
22
Other Decks in Programming
See All in Programming
GoのGenericsによるslice操作との付き合い方
syumai
3
690
ニーリーにおけるプロダクトエンジニア
nealle
0
480
Java on Azure で LangGraph!
kohei3110
0
170
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
890
VS Code Update for GitHub Copilot
74th
1
390
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
180
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
510
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
110
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
380
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
230
KotlinConf 2025 現地で感じたServer-Side Kotlin
n_takehata
1
230
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1k
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Practical Orchestrator
shlominoach
188
11k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
Six Lessons from altMBA
skipperchong
28
3.8k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Balancing Empowerment & Direction
lara
1
370
Transcript
Why GraphQL: A React Developer’s Perspective
Hello! I am Praveen Durairaj Application Engineer - Hasura twitter.com/praveenweb
github.com/praveenweb 2
What is GraphQL • Query Language • Declarative, Type safe
• Server-side runtime • Better REST ? 3
• Type-safe schema with introspection • Endpoint is the same
- /graphql • Always fetch what you want • Versioning made easy Let that sink in! 4
const typeDefs = ` type CityWeather { temp: String min_temp:
String max_temp: String city_name: String! applicable_date: String! } type Query { cityWeather(city_name: String! applicable_date: String): CityWeather } `; 5
• Type-safe schema with introspection • Endpoint is the same
- /graphql • Always fetch what you want • Versioning made easy Let that sink in! 6
7
• Type-safe schema with introspection • Endpoint is the same
- /graphql • Always fetch what you want • Versioning made easy Let that sink in! 8
• Type-safe schema with introspection • Endpoint is the same
- /graphql • Always fetch what you want • Versioning made easy Let that sink in! 9
10
11 How is the Developer Workflow?
API Explorer Query Validation Caching Developer Tooling Autocomplete Mocking Predictable
12
API Explorer GraphiQL Know what you can request Code intelligence
13
Validation & Autocomplete Autocomplete during development Query validation 14
15 DEMO
Caching - Leverage unique identifiers for client side caching -
Directives with Apollo Server 16
Response Caching 17
Schema Stitching - Merge multiple graphql schemas into a single
endpoint - Extend existing schema 18
19
20 - Person Schema - Extend it with weather -
Merge and query
Downsides? - Exposing db / api schema to client -
Managing schema - Moving the load server side 21
22 Thanks! Any questions? You can find me at @praveenweb
&
[email protected]