Description
Overview
Multiple components re-render unnecessarily due to missing React.memo, useMemo, or useCallback.
Background
Dashboard and search components pass new object references on every render.
Specifications
- Add React.memo to list components
- Memoize computed values
- Use useCallback for event handlers
Tasks:
- Wrap dashboard widgets in React.memo
- Memoize filter computations
- Optimize search results rendering
Impacted Files:
- src/components/dashboard/*.tsx
- src/components/search/*.tsx
- src/components/quizzes/*.tsx
Labels: frontend, performance, react, priority-high
Acceptance Criteria
Reduced re-renders, improved performance
🙆Contribution Guidelines:
Assignment required before PR submission
Timeframe: 48-72 hours
PR description must include: Close #issue no
Star the repo⭐
Description
Overview
Multiple components re-render unnecessarily due to missing React.memo, useMemo, or useCallback.
Background
Dashboard and search components pass new object references on every render.
Specifications
Tasks:
Impacted Files:
Labels: frontend, performance, react, priority-high
Acceptance Criteria
Reduced re-renders, improved performance
🙆Contribution Guidelines:
Assignment required before PR submission
Timeframe: 48-72 hours
PR description must include: Close #issue no
Star the repo⭐