Tengo una aplicación react.js que quiero perfilar por problemas de rendimiento.
Estoy usando el perfilador de herramientas de desarrollo de reacción en Firefox.
Perfilo una interacción específica y obtengo el gráfico de llamas y el gráfico de tiempo clasificado en la herramienta de desarrollo.
Luego aparece este mensaje en la herramienta de desarrollo:
Esta parte de la herramienta de desarrollo no es interactiva y no puedo encontrar nada sobre cómo se numeran los ganchos.
¿Cómo interpreto estos números? ¿A qué corresponden? ¿Dónde puedo encontrar la información sobre a qué ganchos se refieren?
Este es el PR donde agregaron esa hazaña. No proporcionaron una mejor interfaz de usuario debido a algunas limitaciones de rendimiento. Pero puede encontrar a qué ganchos corresponden esos índices si va a la pestaña de componentes en las herramientas de desarrollo e inspecciona dicho componente; en la sección de ganchos, tendrás un árbol de los ganchos llamados, y para cada gancho, un pequeño número a la izquierda que es el índice. Probablemente necesitarás desplegar el árbol de anzuelos para encontrarlos.
Aquí hay una captura de pantalla del PR vinculado