بناء واجهات حقيقية باستخدام React
React هي مكتبة JavaScript التي تحدد كيفية بناء معظم واجهات الاستخدام الإنتاجية اليوم — من تطبيقات الصفحة الواحدة ومواقع Next.js إلى تطبيقات الجوّال والسطح البيني عبر الأنظمة الأساسية. تغطي هذه المسارات التخصص الكامل: معمارية المكونات، إدارة الحالة، جلب البيانات، الأداء، الاختبار، والنشر. وهي مبنية على كيفية عمل React فعلياً — المصالح، نموذج الألياف، دلالات الخطافات — وليس فقط واجهة API السطحية.
ما ستتعلمه
ستبدأ بـ JSX والـ props والحالة والمكونات المتحكم فيها، ثم الانتقال إلى useEffect وuseRef وuseReducer. تغطي الدورات العملية التوجيه باستخدام React Router v6، ومعالجة النماذج باستخدام React Hook Form، وحالة الخادم مع React Query و SWR، والحالة العامة مع Redux Toolkit و Zustand و Jotai. ستعمل مع TypeScript في React، وتكتب اختبارات التكامل والنهائية، وتبني أنظمة التصميم باستخدام Storybook، وتتعامل مع واجهات الاستخدام في الوقت الفعلي عبر WebSockets، وتشحن واجهات برمجية آمنة من حيث النوع باستخدام tRPC. يتضمن المسار أيضاً Next.js App Router ومكونات الخادم وإجراءات الخادم والمصادقة باستخدام NextAuth.js.
مسار التعلم
خمسة وتسعون دورة تتراوح من A1 إلى C1. تؤسس دورات A1 و A2 أساسيات React و JSX والتصيير وحركات CSS والاستمرارية في التخزين المحلي والوضع الداكن. تبني دورات B1 الثقة مع أنماط السياق و i18n و React Spring و Framer Motion والسحب والإفلات باستخدام dnd-kit والجداول البيانات المعقدة مع TanStack Table. تتناول دورات B2 التصيير والذاكرة المؤقتة و Suspense وتقسيم الأكواد و React Native لمطوري React والنشر إلى Vercel و AWS و Electron للتطبيقات سطح المكتب. ينتهي المستوى C1 بمواضيع متقدمة: معمارية الواجهات الدقيقة، استكشاف SSR والهيدريشن العميق، Module Federation، Islands Architecture مع Astro، تكامل WebAssembly، Edge Rendering مع Cloudflare Workers، وOpenTelemetry لمراقبة الواجهة الأمامية.
كيفية عملها
تنقسم كل دورة إلى دروس قصيرة ومركزة تكملها في محرر الأكواد المدمج مع ملاحظات فورية. يتوفر مدرس ذكي اصطناعي عندما تواجه صعوبة في فهم مفهوم أو اختبار فاشل. يمكنك العمل على المسار بالتسلسل أو الانتقال إلى المستوى الذي يطابق خبرتك الحالية.