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
120
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
CSC305 Lecture 01
javiergs
PRO
1
400
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
470
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
240
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
shino8rayu9
0
160
CSC305 Lecture 06
javiergs
PRO
0
210
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
170
Signals & Resource API in Angular: 3 Effective Rules for Your Architecture @BASTA 2025 in Mainz
manfredsteyer
PRO
0
110
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
200
株式会社 Sun terras カンパニーデック
sunterras
0
260
CSC305 Lecture 04
javiergs
PRO
0
260
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
steliosf
PRO
1
350
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
780
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Unsuck your backbone
ammeep
671
58k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Done Done
chrislema
185
16k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
How to train your dragon (web standard)
notwaldorf
96
6.3k
4 Signs Your Business is Dying
shpigford
185
22k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Music & Morning Musume
bryan
46
6.8k
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]