#react query suspense
How to Use Suspense and GraphQL with Apollo to Build Great User Experiences
React Summit US 2023Watch video: How to Use Suspense and GraphQL with Apollo to Build Great User Experiences



27 min
How to Use Suspense and GraphQL with Apollo to Build Great User Experiences


2 authors
Today's Talk is about using suspense and GraphQL with Apollo Client to create smooth user experiences. The Talk covers the introduction and power of suspense, the new Used Suspense Query hook in Apollo Client, updating components with suspense, using suspense boundaries and tradeoffs, optimizing playlist fetching with GraphQL, loading more tracks and using transitions, and concluding remarks and future developments.
Suspense for Data Fetching: How to Fetch During Render
React Summit US 2023Watch video: Suspense for Data Fetching: How to Fetch During Render

5 min
Suspense for Data Fetching: How to Fetch During Render

This talk discusses the best practices for fetching data during the initial render of a component in React. It emphasizes the importance of fetching in advance and avoiding fetching twice. The talk also highlights the need for an external cache to store information about API calls and the use of a cleanup function to avoid memory leaks. Additionally, the speaker mentions their library, react-disposable-state, which can be used for making side effects during render.