Handling Data at Scale for React Developers
summary
Three concrete fetch patterns get demonstrated and compared: render then fetch (component useEffect), fetch then render (module‑scope promise started before render), and render as you fetch using React 18 concurrent features with createResource, Suspense fallbacks and useTransition. A small Jokes app and throttled network show the resource primitive works, suspense yields targeted loaders, and useTransition prevents keystroke jank. Advice: prefer battle‑tested frameworks like Next.js or Remix rather than DIY.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:23Handling data at scale
- 5:36Three ways to fetch data
- 7:43Demo setup
- 10:35Fetch-then-render
- 12:21Render-as-you-fetch
- 15:34Loading states with Suspense
- 17:42Search with Suspense
- 19:09useTransition for updates
- 20:33Recap
- 21:15Q&A
related talks
19mTake a load off with React
33mBuilding modern React applications
25mData Fetching Strategies with React Server Components
21mReact Server Components
27mWhen To Fetch: Remixing React Router
33mReact Advanced Patterns
39mReact … wait for it … Suspense
31mReact Server Components Elevating Speed, Interactivity, and User Experience