إنشاء تطبيق React
إذا كنت تريد بناء تطبيق أو موقع ويب جديد باستخدام React، فإننا نوصي بالبدء باستخدام إطار عمل.
إذا كان تطبيقك لديه قيود لا تخدمها الأطر الحالية بشكل جيد، أو تفضل بناء إطار العمل الخاص بك، أو تريد فقط تعلم أساسيات تطبيق React، فيمكنكبناء تطبيق React من الصفر.
أطر العمل الشاملة (Full-stack)
تدعم أطر العمل الموصى بها هذه جميع الميزات التي تحتاجها لنشر تطبيقك وتوسيعه في بيئة الإنتاج. لقد دمجت أحدث ميزات React وتستفيد من بنية React.
ملاحظة
لا تتطلب أطر العمل الشاملة خادمًا.
تدعم جميع أطر العمل في هذه الصفحة التصيير من جانب العميل (CSR)، وتطبيقات الصفحة الواحدة (SPA)، وتوليد المواقع الثابتة (SSG). يمكن نشر هذه التطبيقات إلىCDNأو خدمة استضافة ثابتة بدون خادم. بالإضافة إلى ذلك، تسمح لك هذه الأطر بإضافة التصيير من جانب الخادم على أساس كل مسار، عندما يكون ذلك منطقيًا لحالة استخدامك.
يتيح لك ذلك البدء بتطبيق يعمل من جانب العميل فقط، وإذا تغيرت احتياجاتك لاحقًا، يمكنك اختيار استخدام ميزات الخادم على مسارات فردية دون إعادة كتابة تطبيقك. راجع وثائق إطار العمل الخاص بك لتكوين استراتيجية التصيير.
js (موجه التطبيقات - App Router)
موجه التطبيقات في Next.jsهو إطار عمل React يستفيد بشكل كامل من بنية React لتمكين تطبيقات React الشاملة.
npx create-next-app@latestيتم صيانة Next.js بواسطةVercel. يمكنكنشر تطبيق Next.jsإلى أي مزود استضافة يدعم Node.js أو حاويات Docker، أو إلى خادمك الخاص. يدعم Next.js أيضًاالتصدير الثابتوالذي لا يتطلب خادمًا.
React Router (الإصدار 7)
React Routerهو مكتبة التوجيه الأكثر شيوعًا لـ React ويمكن إقرانها مع Vite لإنشاء إطار عمل React شامل. يركز على واجهات برمجة تطبيقات الويب القياسية ويحتوي على عدةقوالب جاهزة للنشرلأنظمة تشغيل JavaScript والمنصات المختلفة.
لإنشاء مشروع جديد لإطار عمل React Router، قم بتشغيل:
npx create-react-router@latestيتم صيانة React Router بواسطةShopify.
Expo (للتطبيقات الأصلية)
Expoهو إطار عمل React يتيح لك إنشاء تطبيقات عالمية لنظامي Android وiOS والويب بواجهات مستخدم أصلية حقيقية.يوفر حزمة تطوير برمجيات (SDK) لـReact Nativeتجعل الأجزاء الأصلية أسهل في الاستخدام. لإنشاء مشروع Expo جديد، قم بتشغيل:
npx create-expo-app@latestإذا كنت جديدًا على Expo، تحقق منبرنامج Expo التعليمي.
يتم صيانة Expo بواسطةExpo (الشركة). بناء التطبيقات باستخدام Expo مجاني، ويمكنك تقديمها إلى متجر تطبيقات Google وApple دون قيود. توفر Expo بالإضافة إلى ذلك خدمات سحابية مدفوعة اختيارية.
هناك أطر عمل أخرى ناشئة تعمل نحو رؤيتنا لتطبيقات React الشاملة:
- TanStack Start (نسخة تجريبية): TanStack Start هو إطار عمل React شامل يعمل بواسطة TanStack Router. يوفر تصييرًا كاملًا للمستند من جانب الخادم (SSR)، وبثًا، ووظائف خادم، وحزم، والمزيد باستخدام أدوات مثل Nitro وVite.
- RedwoodSDK: Redwood هو إطار عمل React شامل يحتوي على العديد من الحزم المثبتة مسبقًا والتكوين الذي يجعل بناء تطبيقات الويب الشاملة أمرًا سهلاً.
البدء من الصفر
إذا كان تطبيقك لديه قيود لا تخدمها الأطر الحالية بشكل جيد، أو تفضل بناء إطارك الخاص، أو تريد فقط تعلم أساسيات تطبيق React، فهناك خيارات أخرى متاحة لبدء مشروع React من الصفر.
البدء من الصفر يمنحك مرونة أكبر، ولكنه يتطلب منك اتخاذ خيارات بشأن الأدوات التي ستستخدمها للتوجيه، وجلب البيانات، وأنماط الاستخدام الشائعة الأخرى. إنه يشبه إلى حد كبير بناء إطارك الخاص، بدلاً من استخدام إطار موجود بالفعل.الأطر التي نوصي بهالديها حلول مدمجة لهذه المشاكل.
إذا كنت تريد بناء حلولك الخاصة، راجع دليلنا حولبناء تطبيق React من الصفرللحصول على تعليمات حول كيفية إعداد مشروع React جديد بدءًا من أداة بناء مثلVite، أوParcel، أوRSbuild.
إذا كنت مؤلف إطار عمل مهتمًا بأن يتم تضمينك في هذه الصفحة،يرجى إعلامنا.