Migrate dashboard from Angular to React 18
Migration Task
Migrate the main dashboard from Angular 12 to React 18 as part of our platform modernization.
Scope
- Dashboard overview page
- User stats widgets
- Real-time activity feed
- Navigation sidebar
Technical Approach
- Use React 18 concurrent features
- Implement Suspense for data fetching
- Migrate Redux store to Redux Toolkit
- Convert Angular services to React hooks
Blockers
-
⚠️ BLOCKED by #1 (closed) - Must fix React XSS vulnerability first -
⚠️ BLOCKED by ui-component-library#6 (closed) - Waiting for lodash security fix
Dependencies on Other Projects
- Needs ui-component-library Button, Input components
- Requires shared authentication hooks
Acceptance Criteria
-
All dashboard features working -
Performance metrics improved (LCP < 2.5s) -
Unit tests at 85%+ coverage -
E2E tests passing
cc: @jean_gabriel @bob