Lección 8 de 10
Hook useEffect
useEffect permite realizar efectos secundarios en componentes: pedir datos, suscribirse a eventos o modificar el DOM manualmente. Se ejecuta después de renderizar.
El array de dependencias controla cuándo corre. Un array vacío [] significa ejecutar una vez al montar.
REACT
import { useState, useEffect } from "react";
function UserList() {
const [users, setUsers] = useState([]);
useEffect(() => {
fetch("https://api.example.com/users")
.then(res => res.json())
.then(data => setUsers(data));
}, []); // Empty array = run once
return (
<ul>
{users.map(user => (
<li key={user.id}>{user.name}</li>
))}
</ul>
);
}