REACT — useEffect

مقدمة

تعلّم useEffect في REACT مع شرح واضح ومثال عملي.

ماذا ستتعلم؟

• ما هو useEffect
• متى نستخدمه
• كيف يعمل عملياً
• مثال جاهز للنسخ

الصياغة

useState / useEffect

مثال

import { useState } from "react";

export default function Counter(){
  const [n,setN] = useState(0);
  return <button onClick={()=>setN(n+1)}>Count: {n}</button>;
}

ملاحظات

• جرّب المثال في Playground.
• ابدأ بسيطاً ثم طوّر.

أخطاء شائعة

• نسيان الصياغة الصحيحة.
• عدم اختبار النتيجة.