Crafting compelling real-time web experiences with GraphQL
summary
GraphQL proves a translation layer that returns exactly the data each client needs in one round-trip, uses introspection/type information to power GraphiQL’s typeahead, and supports real-time via GraphQL Subscriptions rather than naive polling. Demo shows an artists/albums app, a WebSocket /subscriptions endpoint, and an admin creating an album that triggers an albumAdded event pushed to clients in the shape requested. Integration notes mention React integration with Relay Modern and an 18 month migration at a bank.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 0:55Agenda
- 2:10Why was GraphQL born
- 3:31GraphQL translation layer
- 4:18Sample app
- 5:04GraphQL in action
- 8:17Inverted responsibility
- 8:43Simple and trivial
- 9:23Realtime interactions
- 10:04Realtime API example
- 10:27Polling
- 11:43Subscriptions
- 12:59How does it work
- 15:08In action
related talks
58mCrafting compelling real-time web experiences with GraphQL and React
24mRealtime React Apps with GraphQL
34mGraphQL real-time subscriptions
26mEverything You Need to Know About GraphQL in 3 Components
01h 00mGraphQL - A query language to empower your API consumers
28mCurious Use Cases of GraphQL
01h 04mBuilding real-time API's with GraphQL
52mBuilding a Realtime Chat with GraphQL Subscriptions