#react fetching library
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.
The Rocky Journey of Data Fetching Libraries in React’s New Streaming SSR
React Advanced 2023Watch video: The Rocky Journey of Data Fetching Libraries in React’s New Streaming SSR

28 min
The Rocky Journey of Data Fetching Libraries in React’s New Streaming SSR

This Talk discusses the journey of data fetching libraries in React's new streaming SSL, focusing on the use of suspense for data fetching. It covers the backstory of suspense and data fetching, the plan and green light for its implementation, challenges with Next.js app router and SSR, data transport and flushing timing, the importance of timing and data transport, delayed rehydration and stream closure, the need for remaining data and required functionalities, challenges faced by vanilla React users, and audience questions about React server components.