Frontend Guild - React 19 Upgrade
AI Summary
Frontend guild meeting to discuss the React 19 upgrade plan and new patterns.
John presented the key changes in React 19: new compiler (no more memo/useMemo needed in most cases), improved server components, and better error boundaries. The upgrade should improve bundle size by ~15%.
Current blockers: Two dependencies (react-beautiful-dnd and an old charting library) don't support React 19 yet. For drag-and-drop, the team will migrate to dnd-kit which has better React 19 support. For charts, recharts is compatible.
Migration strategy: branch-based migration over 2 weeks. Week 1: upgrade dependencies and fix type errors. Week 2: remove unnecessary memoization and test thoroughly.
Lisa asked about impact on the design system. John confirmed the UI components use standard patterns and should work without changes.
Target: complete upgrade in Sprint 25, after the current mobile work is done.
Key Points
- React 19 benefits: new compiler, better server components, ~15% smaller bundle
- Blockers: react-beautiful-dnd → migrate to dnd-kit, old chart library → recharts
- Migration: 2-week effort on a separate branch
- Design system components should work without changes
- Target: Sprint 25 after mobile work completes
Suggested Tasks2 items
Create React 19 upgrade tracking issue
Assignee: John Martinez
Spike: dnd-kit migration complexity
Assignee: Sarah Chen