React · Senior · Pytanie 22 z 75
Trzeba wyrenderować listę 100 000 elementów. Co zrobić?
- ✓Poprawna odpowiedź: Wirtualizować: trzymać w DOM tylko widoczne elementy
- 2Opakować każdy element w
memoi wyrenderować wszystko naraz - 3Renderować elementy paczkami po 1000 przez
setTimeout
Wyjaśnienie
Wąskim gardłem jest liczba węzłów DOM. Wirtualizacja (TanStack Virtual, react-window) renderuje okno widocznych wierszy i podmienia je podczas przewijania. memo nie zmniejsza DOM, a paczki przez timer tylko rozciągają tę samą pracę. Rozważ też paginację lub filtrowanie po stronie serwera.