أطر العمل: Express وFastAPI وReact وNext.js

خطوة البناء الرابعة: تجمع الواجهة والخادم والبيانات في منتج واحد. تبدأ بما هو إطار العمل ولماذا نستخدمه، ثم أنواع الأطر (واجهة، خادم، متكامل) وكيف تختار، ثم تبني بالأدوات التي تستخدمها الشركات: Express وFastAPI للخادم، ثم React للواجهة، ثم Next.js لواجهة معها خادم.

نظرة عامةخطوة البناء الرابعة: تجمع الواجهة والخادم والبيانات في منتج واحد. تبدأ بما هو إطار العمل ولماذا نستخدمه، ثم أنواع الأطر (واجهة، خادم، متكامل) وكيف تختار، ثم تبني بالأدوات التي تستخدمها الشركات: Express وFastAPI للخادم، ثم React للواجهة، ثم Next.js لواجهة معها خادم.
ما هو إطار العمل؟ ولماذا لا نبدأ من الصفرقبل Express وReact: ما الذي تكرّره في كل مشروع، وكيف يكتبه الإطار مرة واحدة ويترك لك منطق تطبيقك فقط. تبني إطارًا صغيرًا بخمسة عشر سطرًا، وتعرف الفرق بين المكتبة والإطار، وماذا تكسب وماذا تدفع، ومتى لا تحتاج إطارًا أصلًا.
أنواع أطر العمل وكيف تختارخريطة الأطر قبل أن تدخلها: أطر الواجهة التي تعمل في المتصفح، وأطر الخادم، والأطر المتكاملة التي تجمعهما، ثم العائلات الأخرى التي ستسمع عنها. الفرق بين الإطار الصغير المرن والإطار «الجاهز بكل شيء»، وخمسة أسئلة تختار بها، ولماذا يبدأ درب بـ Express وFastAPI وReact وNext.js.
Node.js وExpress: خادم بـ JavaScriptJavaScript على الخادم: حلقة الأحداث في Node، ثم Express للمسارات والوسائط (middleware) والتحقّق والأخطاء، وواجهة REST كاملة لطلبات مقهى.
FastAPI: واجهات بايثون حديثةإطار بايثون الأسرع نموًّا: المسارات بتلميحات الأنواع، التحقّق التلقائي بـ Pydantic، التوثيق التفاعلي المجاني، الاعتماديات، وasync. المقابل البايثوني لـ Express.
React: واجهات من مكوّناتلماذا ظهر React وما المشكلة التي يحلّها، إنشاء مشروع بـ Vite، المكوّن وJSX، الخصائص props والتركيب، الحالة useState، الأحداث والنماذج المتحكَّم بها، القوائم والمفاتيح والعرض المشروط، رفع الحالة للأب، وuseEffect لجلب البيانات بحالات التحميل والخطأ. تعيد بناء قائمة المهام كمكوّنات.
Next.js: React مع خادم وتوجيهإطار React الأشهر للمنتجات الحقيقية: لماذا التصيير على الخادم، إنشاء مشروع وهيكله، التوجيه بالمجلدات والتخطيطات والروابط، مكوّنات الخادم والعميل، جلب البيانات مع صفحات التحميل والخطأ، المسارات الديناميكية وبيانات الصفحة للبحث، Route Handlers وServer Actions للنماذج، والنشر.
الخلاصة والمصادرالخلاصة وقاموس المصطلحات لهذا القسم.