perf-virtual-lists
Installation
SKILL.md
Performance: Virtualized Lists on TV
Rendering large lists (movies, episodes) on Android TV requires virtualization to maintain 60FPS.
Standard map() rendering will freeze the UI on low-end TV boxes (1GB RAM).
🚀 Core Technology
Use react-window + react-virtualized-auto-sizer.
It is lighter and faster than react-virtualized.
📺 TV-Specific Optimizations
1. Overscan is Critical
On TV, users scroll FAST (holding the Down button).
You MUST set overscanCount (or overscanRowCount) to at least 2-3 rows to prevent "blank" areas during rapid scrolling.