Building The New Facebook With React and Relay
summary
Claims concrete engineering wins: FB5 is a single-page app built on React, GraphQL and Relay and it reduces time to meaningful paint by streaming critical data and parallelizing downloads. Implementation details include HTML flushing to start resource fetches, two build-time declarative edges (import for display and import for after display) to split code into three phases, Relay streamable queries to deliver the first feed item early, and React Suspense to coordinate loading. The system shows fewer paints and earlier final content.
AI-written summary · about
chapters (7)
- 0:00Start
- 1:55Traditional Fetching
- 2:11Pre-Fetching
- 2:34HTML Flush
- 6:00Dynamic Import on Render
- 9:06Streamed Data Fetching
- 11:47Unused Resources
related talks
27mData fetching for React applications at Facebook
28mRelay: An Application Framework For React
51mFunctional Web Development – An Introduction to React.js
24mRealtime React Apps with GraphQL
18mReact Through the Ages
53mBuilding Web Apps with React.js
28mReact "What Lies Ahead"
36mBut... you're not Facebook