El rendimiento de "renderización" de React se puede dividir en tres pasos:

1. llame recursivamente a los métodos render() (o funciones de estilo gancho), generando una estructura de dom virtual que reemplazará lo que ya esté allí
2. use "reconciliación" para comparar este nuevo dominio virtual con el dominio existente, y genere una lista de modificaciones de dominio que puede agrupar por lotes
3. ejecutar esa lista de modificación de dom contra el navegador. Este último paso es el único "IO" en este proceso, llamando al navegador, forzando reflujos / repintados, etc.

Cuando perfila una acción con las herramientas de React Dev, puede ver la cantidad de ms que tardó un componente específico en "renderizarse".

¿Qué es eso que mide realmente?

¿Es solo 1. ? ¿Es 1. y la cantidad de 2. y 3. que ocurrió debido a ese componente?

Si es lo último, ¿cómo averiguas cuál es la división entre ellos? Si es lo primero (que sospecho que es cierto), ¿cómo calcula el factor de costo real en 2. y 3. ?