Crafting compelling real-time web experiences with GraphQL and React
summary
Argues GraphQL can deliver true real-time UX by combining subscriptions over WebSockets with standard queries and mutations; demos a working React app using Apollo client that receives pushed “review added” events and merges them into the view. Covers practical server tooling: Apollo Server, persisted queries backed by Redis (turning hashed POSTs into GETs for caching), resolver tracing, DataLoader batching, query cost/depth limits and the defer directive for streaming patches to avoid slow resolvers. Recommendations and tradeoffs included.
AI-written summary · about
chapters (19)
- 0:00Intro
- 3:04OVER / UNDER FETCHING
- 11:11GRAPH THEORY
- 15:55REQUEST RESPONSE
- 16:19CUSTOMER EXPECTATIONS
- 16:42PUSH NOTIFICATIONS
- 18:16LIVE QUERIES
- 19:31SUBSCRIPTIONS
- 23:52CONSISTENT INTERFACE
- 29:50RELAY MODERN
- 32:22APOLLO CLIENT
- 36:51SLOW / EXPENSIVE
- 37:22@DEFER DIRECTIVE
- 40:54PERSISTED QUERIES
- 45:47MALICIOUS QUERIES
- 46:57QUERY DEPTH ANALYSIS
- 47:55QUERY COST ANALYSIS
- 49:15TAKEAWAYS
- 50:46QUESTIONS
related talks
18mCrafting compelling real-time web experiences with GraphQL
24mRealtime React Apps with GraphQL
26mEverything You Need to Know About GraphQL in 3 Components
52mBuilding a Realtime Chat with GraphQL Subscriptions
25mReact state management in a GraphQL era
24mBuilding Reactive GraphQL Apps With Apollo
24mPanel discussion hosted by the Apollo team on GraphQL + React
01h 06mLet's Talk About Building a Real-Time Application