0
343
Views¿Cuándo se carga/aplica exactamente el CSS de un componente en React?
Tengo mi app.js que importa someComponent.js . someComponent.js luego importa someStyles.css . Pero app.js solo usará/renderizará someComponent.js cuando se haga clic en un botón.
¿Cuándo exactamente cargará y aplicará someStyles.css el navegador del usuario? ¿Se cargará justo al cargar la página sin importar si se presionó el botón o solo solicitará y cargará dicho archivo CSS cuando el componente esté realmente renderizado?
1 answers
Answer question0
Es difícil responder a esta pregunta, porque depende de cómo esté configurada y construida su aplicación. Sus resultados pueden incluso diferir cuando se desarrolla y cuando se implementa su aplicación.
Sin embargo, hay formas de verificar esto usted mismo utilizando las herramientas de desarrollo de su navegador.
Todos los principales navegadores tienen herramientas de desarrollo con una sección sobre el tráfico de "Red". Si abre sus herramientas de desarrollador en la pestaña "Red" y luego actualiza su página, podrá ver un orden cronológico en el que se obtienen los recursos del servidor.
Incluso podría aplicar un poco de aceleración de la red para ver los efectos en acción en la página.
Ver:
- Chrome: https://developer.chrome.com/docs/devtools/network/#load
- Borde: https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/network/#log-network-activity
- Firefox: https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor#opening_the_network_monitor
También puede estar interesado en leer sobre la división de código como una forma de cambiar cuando se cargan los componentes.