Effective React: Lessons from 10 Years
summary
Ten years of practical React experience condenses into concrete advice: prefer tanstack query for remote state (cache keys, background refetch, retries, and its throw on error option to bubble async failures to error boundaries), validate all API JSON with Zod runtime validation, avoid useEffect footguns with a custom useFetch or useSuspenseQuery in route-level Suspense, and experiment with sync engines like Convex sync demo (offline writes, optimistic local updates, live cross-tab sync). Also: 8 state categories, 30+ state libraries, keep state local and lift only when necessary.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 2:13React’s evolution
- 7:06useEffect to React Query
- 13:24Error handling with Zod
- 23:26Suspense for data fetching
- 26:36React Server Components
- 32:15Local-first development
- 43:52React state management
- 55:37React 19 and future
- 58:46Summary
related talks
17mManaging React State: 10 Years of Lessons Learned
28mThe State of React State in 2019
29mAvoiding the Biggest Mistakes in React State Management
24mGoodbye, useState
17mLessons To Outlive React
33mA year in the React World
55mThe State of React’s State in 2019
37mReact & Next.js in 2025- Modern Best Practices for Faster, Smarter Apps