React · Senior · Pytanie 20 z 75
Jak najdokładniej znaleźć, które komponenty są wolne podczas interakcji?
- ✓Poprawna odpowiedź: Nagrać profil w React DevTools Profiler i panelu Performance przeglądarki
- 2Opakować wszystkie komponenty w
memoi zobaczyć, czy będzie szybciej - 3Logować
console.timew każdym komponencie w buildzie produkcyjnym
Wyjaśnienie
Profiler pokazuje, które komponenty się wyrenderowały, ile to trwało i dlaczego (włącz „Record why each component rendered”). Panel Performance pokazuje długie zadania, layout i malowanie. Optymalizacja na ślepo prowadzi do zbędnej złożoności. Do metryk w kodzie jest <Profiler onRender>.