Create Flexible React Applications Using GraphQL APIs
summary
Shows how to replace REST with GraphQL in React apps to avoid many parallel requests by letting components declare their data needs. Covers using a GraphQL client library that combines those component queries into a single optimized server request and demonstrates how to get started integrating GraphQL with React.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 1:28What is GraphQL
- 3:39GraphQL vs REST
- 10:00Caching in GraphQL
- 11:47GraphQL demo
- 13:12Apollo Client
- 16:27Connecting to server
- 18:12Writing queries
- 20:23Query execution
- 22:34Rendering results
- 24:43Query fragments
- 26:10Batch queries
- 27:33Caching strategies
- 29:23Mutations
- 30:45Updating data
- 32:09Full app build
- 33:38Conclusion
related talks
05mYou Don't Need a Fancy Framework to Use GraphQL with React
30mGraphQL in the Era of React Server Components
47mReact, Relay and GraphQL — a perfectly normal component approach
26mEverything You Need to Know About GraphQL in 3 Components
57mGraphQL in a Component World
27mReact State Management In a GraphQL Era
30mReact & GraphQL - Bringing Simplicity and Correctness to Client Side Development
58mCrafting compelling real-time web experiences with GraphQL and React