Con la funzionalità di React DevTools, puoi monitorare in tempo reale quali componenti vengono renderizzati. Questo ti aiuta a identificare i render inutili e a ottimizzare le prestazioni della tua applicazione.

Vi basta aprire il tab "Components" nell'Inspector, andare nelle impostazioni del tab "General" e attivare "Highlight updates when components render".

In questo modo, ogni volta che un componente viene aggiornato e rifatto il rendering, verrà evidenziato automaticamente!

Nel video, puoi vedere un esempio su una pagina di Airbnb, dove vengono evidenziati i componenti che vengono renderizzati quando modifico il numero di ospiti.