devtools.fm: Developer Tools, Open Source, Software Development Robert Balicki - Isograph, Relay, and the Future of Data Fetching in React
Feb 26, 2024
This podcast discusses Isograph, a data fetching framework for React, comparing it to Relay. They explore the future of data fetching, challenges in web development, and Isograph's journey to production. Topics include React server components, benefits of the Kinesis Advantage Keyboard, and innovative testing tools.
AI Snips
Chapters
Transcript
Episode notes
Component-Driven Query Compilation
- Relay composes component-level data selections into a single page query to avoid overfetching and waterfalls.
- That compiled model gives stability so components can evolve independently without breaking others.
Avoid Per-Component Network Waterfalls
- Avoid per-component network requests because they create deduplication and waterfall problems.
- Prefer composing a single request for a page to centralize loading and reduce latency when possible.
Static Association Replaces Fragment Boilerplate
- Isograph removes Relay's explicit fragment plumbing by statically associating data with the function that reads it.
- That eliminates fragment references, prop naming, and fragile import/spread steps to simplify developer experience.