Tengo una aplicación React bastante complicada. El problema al que me enfrento es que cuando se hace clic en un enlace en la barra de navegación, la barra de navegación se vuelve a renderizar. Obviamente, esto es una señal de que la aplicación está realizando una representación innecesaria. La barra de navegación existe en un componente de "encabezado". Este "encabezado" debe corregirse. Pero se está llamando en numerosas ocasiones. ¿Cuál es la forma recomendada de saber POR QUÉ se renderiza un componente? Puedo pensar en numerosas razones y me gustaría comenzar a eliminarlas para reducir los renderizados innecesarios. El componente podría ser
Puede haber otros. ¿Cómo puedo saber POR QUÉ se renderiza un componente?
No hay (aparentemente) una manera fácil de saber por qué se procesa un componente, probablemente porque requiere inherentemente una comparación profunda (al menos para cubrir todos los casos), lo que puede ser una operación costosa.
Pero hay muchas herramientas y soluciones.