encuentro un código que muestra la carga antes de obtener datos y muestra "descargado" después de que finaliza la obtención, el código está funcionando, sin embargo, no pude entender cómo funciona este código para mi comprensión, useEffect () se ejecutará una vez cuando la aplicación start y usestate() volverán a representar el componente cada vez que cambie el valor de carga, por lo que, al principio del código, se ejecutará useeffect(), y setloading cambiará el valor a verdadero y volverá a representar el componente, para mi punto de vista, parece que está allí es un bucle infinito de renderizado, ¿alguien puede explicar cómo funciona el estado de uso dentro del efecto de uso y cómo funciona este código? este es el codigo:

 import { useState } from "react"; import { useEffect } from "react"; export default function Assemble(){ const [loading,setloading]=useState(true); useEffect(()=>{ setloading(true); fetch('https://jsonplaceholder.typicode.com/photos') .then(response => response.json()) .then(json => console.log(json)) setloading(false); },[]) return(<div> <div>{loading?"Loading":"downloaded"}</div> </div>) } ```