Skip to content

perf(frontend): split Recharts into a lazy-loaded chart chunk #30

Description

@Flickwire-Agent

Summary

Lazy-load the sale history chart so Recharts is not required before the item page shell renders.

Evidence

  • SaleHistoryChart imports Recharts statically at apps/web/src/components/SaleHistoryChart.tsx:2.
  • SaleHistoryView imports the chart statically at apps/web/src/components/SaleHistoryView.tsx:5.

Expected Impact

Medium for cold item-detail loads.

Implementation Notes

Use React.lazy for SaleHistoryChart or configure Vite manual chunks for Recharts.

Acceptance Criteria

  • Item detail page shell can render before the chart library chunk loads.
  • Chart still renders behind a loading fallback.

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: frontendFrontend/UI workperformancePerformance and optimization workpoints: 3Estimated effort: 3 story pointspriority: mediumMedium-impact optimizationsprint: backlogReady for future sprint planning

    Projects

    Status
    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions