المرحلة الأولى — الأساس

الحالة State والتفاعل مع المستخدم

مقالة 2 من 6 6 دقائق قراءة

الفرق بين صفحة ساكنة وتطبيق حي هو الحالة: بيانات بتتغير مع تفاعل المستخدم. في React بنستخدم useState — أي تغيير فيها بيعيد رسم المكوّن تلقائياً.

قاعدة مهمة: الحالة تسكن في أعلى مكوّن مشترك يحتاجها (رفع الحالة)، وتنزل للأبناء عبر props. وجلب البيانات من API مكانه useEffect مع مصفوفة اعتماديات صحيحة.

ابنِ عدّاداً ثم قائمة مهام Todo — لو فهمت الاتنين فهمت 70٪ من React.
خطأ شائع: تعديل الحالة مباشرة (state.push) — دايماً أنشئ نسخة جديدة (…spread).