JSConf 2015 Laney Kuenzel
summary
Colocates React rendering and GraphQL queries so components declare exactly what they need, and Relay builds mutation queries by intersecting the mutation’s possible changes with the data present in the store to avoid over‑ or under‑fetching. Mutations support optimistic updates via an inflight queue, automatic retries, and serialized dependent mutations to avoid race conditions. Relay is already running in production apps (groups, mobile ads manager) and is adding realtime subscriptions for live updates.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 0:47The Problem
- 1:25Example
- 1:59Stickers and Comments
- 2:18Data Fetching
- 3:30Data Fetching Issues
- 4:44A Perfect World
- 5:17Data Query
- 6:05GraphQL
- 7:00Compose Queries
- 8:42Relay Example
- 9:46Mutations
- 10:19Facebook
- 12:03Updating Mutations
- 13:19Like Sentences
- 14:44GraphQL Mutations
- 19:08Recap
- 20:40App Responsiveness
- 22:22Mutations Q
related talks
28mRelay: An Application Framework For React
01h 00mPowering the Front-end with React, GraphQL and Relay
47mReact, Relay and GraphQL — a perfectly normal component approach
24mRealtime React Apps with GraphQL
12mRelay Concepts
32mReintroducing Relay
35mUsing GraphQL and Relay for hybrid RoR apps
14mWhy Relay is a Must for your GraphQL APIs