Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React + Relay + GraphQL is the Future

Avatar for Keith Pitt Keith Pitt
November 26, 2015
Programming
2.3k
13

React + Relay + GraphQL is the Future

Avatar for Keith Pitt

Keith Pitt

November 26, 2015

More Decks by Keith Pitt

See All by Keith Pitt
Buildkite loves Golang
Avatar for Keith Pitt keithpitt
3
490
Keith and Mario's Guide to Continuous Deployment
Avatar for Keith Pitt keithpitt
18
2.6k
Buildbox - Lessons Learned
Avatar for Keith Pitt keithpitt
1
490
Practical Backbone Patterns
Avatar for Keith Pitt keithpitt
16
1.7k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Desktoppr - Lessons Learned
Avatar for Keith Pitt keithpitt
6
860
VendorKit - An Introduction
Avatar for Keith Pitt keithpitt
2
620
A basic introduction to Mustache
Avatar for Keith Pitt keithpitt
3
490
UI Testing with Frank
Avatar for Keith Pitt keithpitt
1
370

Other Decks in Programming

See All in Programming
Build-to-own AI: Agentic Development for Humans
Avatar for Ines Montani inesmontani
PRO
0
160
霧の中の代数的エフェクト
Avatar for funnycat funnyycat
1
450
ルールを書いて終わらせないハーネスエンジニアリング
Avatar for Yuji Yamaguchi yug1224
4
1.8k
PHP に部分適用が来るぞ！……ところで何それ？おいしいの？ #phpcon / phpcon-2026
Avatar for shogogg shogogg
0
480
PHP初心者セッション2026　〜生成AIでは見えない裏側を知る：今だからLAMPを通して仕組みを学ぶ〜
Avatar for Hideo Kashioka kashioka
0
760
数百円から始めるRuby電子工作
Avatar for Tarosa tarosay
0
120
音楽のための関数型プログラミング言語mimiumにおける多段階計算の活用
Avatar for Tomoya Matsuura tomoyanonymous
1
380
Claude Team Plan導入・ガイド
Avatar for tk3fftk tk3fftk
0
250
言語を使う側から、作る側へ。 自作 Lisp で得た新たな気づき。
Avatar for ANDPAD inc andpad
0
140
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
Avatar for shiro seike seike460
PRO
1
510
Japan Community Day at Kubecon + CloudNativeCon Japan 2026: Learning Container Privilege Control by Building My Own Low-Level Container Runtime
Avatar for ternbusty ternbusty
1
110
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
490

Featured

See All Featured
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
510
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.4k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
670
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
860
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
430
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.5k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
390
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
240
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k

Transcript

  1. None

  2. @keithpitt

  3. None
  4. None

  5. I’m excited! ⚡

  6. But first…history

  7. + Probably the Future +

  8. Glad I said “probably”

  9. + Probably the Future +

  10. + Probably the Future +

  11. + + Is the future.

  12. React

  13. None
  14. None

  15. Just the UI Lots of people use React as the

    V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
  16. None

  17. + Backbone

  18. + Flux

  19. +

  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None

  27. Too many random “Restful” JSON endpoints

  28. The server and the client were coupled

  29. Inefficient and slow

  30. Too much code

  31. Lots of boiler plate

  32. Hard to get started

  33. Telstra

  34. None
  35. None

  36. GraphQL

  37. Relay

  38. GraphQL

  39. None
  40. None

  41. CURL -X POST https://api.buildkite.com/v1/organizations/buildkite/ projects/buildkite/23

  42. None

  43. CURL -X POST https://api.buildkite.com/v1/organizations/buildkite/ projects/buildkite/23?expand=comments

  44. CURL -X POST https://api.buildkite.com/v1/organizations/buildkite/ projects/buildkite/23/comments

  45. None
  46. None
  47. None

  48. A specification

  49. It’s represents data how we think about it

  50. It looks like JSON

  51. Simple HTTP Post

  52. You control what data is returned

  53. Typed

  54. Introspection

  55. None
  56. None

  57. IDE integration

  58. Before commit hook validation

  59. None
  60. None
  61. None

  62. Relay

  63. The glue between GraphQL and React

  64. None
  65. None
  66. None

  67. Demo

  68. Relay

  69. Batched requests

  70. Partial data fetching

  71. Telstra

  72. Things I skipped:

  73. Things I skipped: Webpack + Rails Mutations Security + Authorisation

    Routes Subscriptions ES6,7,8,9,10,xx Probably more…

  74. Get excited ⚡

  75. + + Is the future.

  76. None
  77. None

  78. Demo

  79. None
  80. None
  81. None
  82. None
  83. None
  84. None
  85. None

  86. CURL -X POST \ -H "Authorization: Bearer xxx" \ https://graphql.buildkite.com/v1

    \ -d '{ "query": "query AwesomeQuery { viewer { user { name } } }" }'

  87. Fin ❤ @keithpitt