React — المسرح الذي يُعيد تمثيل نفسه
منهجٌ مكتفٍ ذاتياً، تدرسه وحدك. مستقلٌّ تماماً — لا يفترض أنك درست React من قبل، ولا يبني على أي منهجٍ آخر. من أول سطرٍ فيه نبني الألم الذي وُجد React ليحلّه، بأيدينا، قبل أن نكتب أي JSX.
لمن هذا المنهج
تكتب TypeScript بفهمٍ — الأنواع، الواجهات، الجينيريكس. هذا مفترَضٌ ولا يُعاد شرحه هنا. لم تلمس React من قبل، أو لمسته سطحياً ولا تثق بما تعرفه؟ كلا الحالتين تناسب هذا المنهج — لا يفترض شيئاً، ويشتقّ كل مفهومٍ من مشكلةٍ حقيقية قبل حلّها.
الفكرة المركزية: المسرح الحي
React يحلّ مشكلةً واحدة: شاشةٌ يجب أن تبقى مطابقةً لبياناتٍ تتغيّر باستمرار، بلا أن تُمسك أنت بكل خيطٍ فيها يدوياً. أفضل استعارةٍ لهذا مسرحٌ حيّ:
- المكوّن
- ممثلٌ يعرف دوره (دالّة)
- الـprops = السيناريو الذي يُسلَّم له (يقرؤه، لا يُعدّله)
- الحالة
- دفترُ ملاحظات الممثل الخاص (يملكه، وتعديله يستدعي عرضاً جديداً)
- الرسم
- عرضٌ واحد — لقطةٌ كاملة للمسرحية في تلك اللحظة بالذات
- التصالح
- ناقدٌ يقارن هذا العرض بالسابق، ولا يبني المسرح من الصفر —
- يُحرّك فقط ما تغيّر فعلاً في الديكور (DOM)
- الـHooks
- طقوسٌ يمارسها الممثل خلف الكواليس بنفس الترتيب في كل عرض —
- اطلب منه يغيّر الترتيب، ويختلط عليه من هو
هذه العدسة تلاحقك في المنهج كله. حين تسأل «ليش قواعد الهوكس صارمة هالقد؟» أو «ليش Context يُعيد رسم كل شي حتى لو يهمّه حرفٌ واحد؟» — الجواب دائماً في هذه الاستعارة، لأنها ليست زخرفاً؛ هي كيف React مبنيٌّ فعلاً من الداخل.
القرارات التي تشكّل عمق هذا المنهج
| القرار | الاختيار | الأثر |
|---|---|---|
| نقطة البداية | صفرٌ مطلق — لا افتراض React سابق | تبني الألم الأمري بيدك قبل أي JSX |
| الدواخل (fiber/hooks) | نغوص فيها | قواعد الهوكس تُشتقّ من الآلية، لا تُحفظ كطقس |
| إدارة الحالة | Context + hooks فقط | تفهم حدود الأداة بدل حفظ بديلٍ جاهز |
| نظام المكوّنات | headless + variant API من الجذر | تبني ورشة أزياء مصغّرة قبل أن تصدّق أنها سحر |
| التوجيه | موجّهٌ يدوي أولاً، ثم مكتبة حقيقية | نفس نمط «الألم قبل الحل» على مشكلة جديدة |
| الأدوات | ESLint + Prettier من ملفٍّ فارغ | تفهم كل قاعدة قبل أن تفعّلها |
الخريطة (مكشوفةٌ جزئياً)
ثلاثة عشر إقليماً. تبدأ من عبثٍ يدويٍّ بالـDOM، وتنتهي عند مشروعٍ صغيرٍ متكامل تُشغّله بأدواتك الخاصة. كل إقليم ينتهي ببذرة غموضٍ عن القادم — لا تُحرَق المفاجأة هنا.
الأقاليم
كيف تقرأ هذا المنهج
- النبذة — سطورٌ تضعك في السياق.
- اللغز المستفزّ — المشكلة قبل الحل. اقعد معها.
- ليش ثم كيف — الدافع والمقايضات أولاً، ثم الآلية الداخلية الفعلية.
- اللغز/البناء من الصفر — تبني اللبنة بيدك بقيود تمنع الحلول الجاهزة.
- الخلاصة — أين تتّصل العقدة الجديدة بالشجرة.
- الوصلة بمشروعك — فقرةٌ قصيرة للسياق فقط، لا واجب.
لا تنزل لإقليمٍ قبل أن تكون قد بنيتَ لغز الذي قبله بيدك، لا قرأته فقط.