Skip to content

Component Re-rendering Optimization #115

@RUKAYAT-CODER

Description

@RUKAYAT-CODER

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⭐

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave program

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions