A year in the React World
summary
A year of migrating a real app: moving class components to hooks for cleaner effects and reusable logic, but watch the rules of hooks and avoid premature useMemo/useCallback; replacing Redux with Context then switching to react-query for server state because it handles caching and background updates; adopting zustand for UI state to avoid context re-renders; swapping Enzyme for React Testing Library after about half the tests break on migration and learning to fix flakiness with proper queries, act usage, and waiting for assertions.
AI-written summary · about
chapters (8)
- 0:00Intro
- 0:50What is this talk about
- 1:35Why we stopped using class components
- 7:02State
- 13:41Global State
- 16:43Testing
- 21:10User Events
- 28:31Testing Issues
related talks
01h 00mEffective React: Lessons from 10 Years
17mManaging React State: 10 Years of Lessons Learned
39mReact Hooks broke my tests, now what?
38mState of React
28mLessons in Managing Technical Debt
28mBack to React: The Story of Two Apps
28mThe State of React State in 2019
55mThe State of React’s State in 2019