Relay: An Application Framework For React
summary
Relay is a Facebook framework that uses GraphQL to collocate each component’s data requirements and provide higher‑order containers that fetch and inject plain JS props, automate subscriptions and minimize overfetching. It supports optimistic writes, a defer annotation for low‑priority data, and composes queries across components. Relay runs in production (News Feed, standalone Groups and Ads Manager, and React Native apps), is designed to reduce custom endpoint logic, and is slated for open source release.
AI-written summary · about
chapters (12)
- 0:00Intro
- 0:12Relay in Context
- 0:222. Relay
- 4:30Option A: Reusable Endpoints
- 5:59Option B: One Custom Endpoint
- 6:25Option C: Multiple Custom Endpoints
- 7:21Edge Cases!
- 12:35Server-based data fetching creates fragile coupling.
- 15:12Relay Container = Higher-Order Component
- 18:32Fetch Required Data Before Rendering
- 24:10What is Relay?
- 27:23What's Next?
related talks
32mReintroducing Relay
47mReact, Relay and GraphQL — a perfectly normal component approach
12mRelay Concepts
27mData fetching for React applications at Facebook
29mJSConf 2015 Laney Kuenzel
17mBuilding The New Facebook With React and Relay
01h 00mPowering the Front-end with React, GraphQL and Relay
14mWhy Relay is a Must for your GraphQL APIs