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
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
20
11k
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.2k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
370
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
860
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
6
2.4k
Navigation 2 を 3 に移行する(予定)ためにやったこと
yokomii
0
190
1から理解するWeb Push
dora1998
7
1.9k
AIでLINEスタンプを作ってみた
eycjur
1
230
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
tomoya0x00
0
450
Rancher と Terraform
fufuhu
2
400
アルテニア コンサル/ITエンジニア向け 採用ピッチ資料
altenir
0
100
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
590
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Speed Design
sergeychernyshev
32
1.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Building an army of robots
kneath
306
46k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Designing Experiences People Love
moore
142
24k
Embracing the Ebb and Flow
colly
87
4.8k
Site-Speed That Sticks
csswizardry
10
810
It's Worth the Effort
3n
187
28k
Navigating Team Friction
lara
189
15k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
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]