Programemos Cosas

  ¿En qué fases del ciclo de render de React puede incidir mi código? En React tu código puede incidir en distintas fases del ciclo de render, y entenderlas te ayuda a decidir dónde colocar lógica: Render phase : React ejecuta tu componente como función y construye el árbol de elementos virtuales. Aquí no deberías realizar efectos secundarios (fetch, manipulación del DOM), solo calcular qué se renderiza en base al estado y las props. Commit phase : React aplica los cambios al DOM real. En esta fase se ejecutan los effects ( useEffect , useLayoutEffect ). Aquí sí podés interactuar con APIs externas, suscribirte a eventos, modificar el DOM o disparar animaciones. Passive effects : Los useEffect se ejecutan después de que el navegador pinta la pantalla, ideales para lógica asincrónica (fetch, timers, listeners). Layout effects : Los useLayoutEffect se ejecutan justo después de que React aplica cambios al DOM pero antes de que el navegador pinte, lo que permite medir el DOM o aplica...