درس 8 من 10
useEffect Hook
useEffect يسمح بتنفيذ side effects داخل components، مثل جلب البيانات أو الاشتراك في events. يعمل بعد أن يتم render للـ component.
يتحكم dependency array في وقت تشغيل useEffect. المصفوفة الفارغة [] تعني التشغيل مرة واحدة عند mount.
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>
);
}