Skip to content

NFTCard renders heavy gradients every render; not memoized #103

Description

@mercy60

Internal ID: #102

Imported from ISSUES.md via scripts/import-issues.mjs.

Problem Statement. Each card renders bg-gradient-to-br from-... plus state hooks. With 50+ cards in a grid, FPS drops.

Expected Outcome.

  • React.memo on NFTCard; stable props via useCallback.

Acceptance Criteria.

  • React DevTools profile shows stable renders.

Files / modules affected.

  • frontend/components/NftCard.jsx

Dependencies. None.

Difficulty / Effort. Easy / XS (≈ 1 hour).

Labels. area:frontend, performance

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave programarea:frontendImported from ISSUES.mdperformanceImported from ISSUES.md

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions