oftadeh react admin

أوفتاديه رد فعل المشرف

Oftadeh - قالب React Admin المستجيب هو تطبيق React مكتوب بالكامل باستخدام Javascript (reactjs وmaterial-ui) ولا يحتوي على تبعية jQuery.

لمشاهدة العرض التجريبي المباشر، انقر هنا.

رد فعل

رد الفعل هو جوهر القالب لدينا. إذا كنت لا تعرف ما هو React أو لا تعرف كيفية استخدامه، فإننا نوصي بشدة بالتحقق من React قبل البدء في القيام بأي شيء باستخدام Oftadeh.

إنشاء تطبيق React (CLI)

إنشاء تطبيق React هو أداة أنشأها المطورون في Facebook لمساعدتك في إنشاء تطبيقات React. فهو يوفر عليك من الإعداد والتكوين الذي يستغرق وقتًا طويلاً.

جدول المحتويات

• أوفتاديه رد فعل المشرف
  • رد فعل
  • إنشاء تطبيق React (CLI)
  • جدول المحتويات
  • المتطلبات الأساسية
    • Node.js
  • تثبيت
    • تطوير
    • إنتاج
    • النشر
  • هيكل المشروع
  • المصادر والاعتمادات
  • البرامج النصية المتاحة
    • npm start
    • npm test
    • npm run build
    • npm run eject
  • يتعلم أكثر
    • تقسيم الكود
    • تحليل حجم الحزمة
    • إنشاء تطبيق ويب تقدمي
    • التكوين المتقدم
    • النشر
    • فشل npm run build في التصغير
  • رخصة
  • يتبرع

المتطلبات الأساسية

سيعطيك هذا القسم بعض المعلومات حول الأدوات التي ستحتاجها.

Node.js

لتثبيت Oftadeh React واستخدامه، ستحتاج إلى تثبيت Node.js على جهاز الكمبيوتر الخاص بك. لن نخوض في الكثير من التفاصيل حول Node.js لأنها خارج نطاق هذه الوثائق. كما أنك لن تحتاج إلى استخدام Node.js فعليًا، فهو مطلوب فقط لعملية التطوير.

تثبيت

أ. تثبيت المتطلبات الأساسية
قم بتنزيل وتثبيت LTS على الأقل أو أحدث إصدار من Node.js من موقع الويب الخاص به.

ب. تثبيت رد فعل Oftadeh
افتح تطبيق وحدة التحكم المفضل لديك (المحطة الطرفية، موجه الأوامر، وما إلى ذلك)، وانتقل إلى مجلد العمل الخاص بك، وقم بتشغيل الأمر التالي وانتظر حتى ينتهي:

npm install

سيقوم هذا الأمر بتثبيت جميع وحدات Node.js المطلوبة في دليل Node_modules داخل مجلد العمل الخاص بك.
والآن أنت جاهز لتشغيل Oftadeh React لأول مرة.

تطوير

أثناء وجودك في مجلد العمل، قم بتشغيل الأمر التالي في تطبيق وحدة التحكم:

npm start

وهذا كل شيء. سيهتم تطبيق create-react-app بكل شيء ويبدأ تشغيل Oftadeh React.
يمكنك التحقق من تطبيق وحدة التحكم الخاصة بك للحصول على مزيد من المعلومات حول الخادم. افتراضيًا، سيتم تشغيله على [http://localhost:3000](http://localhost:3000) ولكن قد يتغير وفقًا لإعدادك

إنتاج

يقوم الأمر التالي بإنشاء التطبيق في دليل الإخراج

npm run build

يجمع التطبيق في دليل /build

النشر

قم بالخروج من وثائق إنشاء تطبيق رد الفعل على فيسبوك: النشر

هيكل المشروع

إليك هيكل مشروع Oftadeh React:

المصادر والاعتمادات

• واجهة المستخدم المادية
• com.clsx
• مسودة رد الفعل wysiwyg
• رد فعل جوديت
• أيقونات تصميم المواد
• com.fslightbox
• رد فعل جهاز التوجيه دوم
• جدول المواد
• mui-datatables
• لحظة
• رد فعل التقويم الكبير
• يعيد التخطيط
• رد الفعل-chartjs-2

تم تمهيد هذا المشروع باستخدام تطبيق Create React.

البرامج النصية المتاحة

في دليل المشروع، يمكنك تشغيل:

npm start

تشغيل التطبيق في وضع التطوير.
افتح http://localhost:3000 لمشاهدته في المتصفح.

سيتم إعادة تحميل الصفحة إذا قمت بإجراء تعديلات.
سترى أيضًا أي أخطاء في الوبر في وحدة التحكم.

npm test

يقوم بتشغيل عداء الاختبار في وضع المراقبة التفاعلية.
راجع القسم الخاص بإجراء الاختبارات لمزيد من المعلومات.

npm run build

ينشئ التطبيق للإنتاج في مجلد build .
فهو يجمع React بشكل صحيح في وضع الإنتاج ويحسن البناء للحصول على أفضل أداء.

يتم تصغير البنية وتتضمن أسماء الملفات التجزئة.
تطبيقك جاهز للنشر!

راجع القسم الخاص بالنشر لمزيد من المعلومات.

npm run eject

ملاحظة: هذه عملية في اتجاه واحد. بمجرد eject ، لا يمكنك العودة!

إذا لم تكن راضيًا عن أداة الإنشاء وخيارات التكوين، فيمكنك eject في أي وقت. سيؤدي هذا الأمر إلى إزالة تبعية البناء الفردي من مشروعك.

بدلاً من ذلك، سيقوم بنسخ جميع ملفات التكوين والتبعيات المتعدية (webpack، Babel، ESLint، إلخ) مباشرة إلى مشروعك بحيث يكون لديك السيطرة الكاملة عليها. ستظل كافة الأوامر باستثناء eject تعمل، لكنها ستشير إلى النصوص البرمجية المنسوخة حتى تتمكن من تعديلها. في هذه المرحلة أنت وحدك.

ليس عليك استخدام eject على الإطلاق. مجموعة الميزات المنسقة مناسبة لعمليات النشر الصغيرة والمتوسطة، ولا ينبغي أن تشعر بأنك ملزم باستخدام هذه الميزة. ومع ذلك، فإننا ندرك أن هذه الأداة لن تكون مفيدة إذا لم تتمكن من تخصيصها عندما تكون مستعدًا لها.

يتعلم أكثر

يمكنك معرفة المزيد في وثائق إنشاء تطبيق React.

لتعلم React، راجع وثائق React.

تقسيم الكود

تم نقل هذا القسم هنا: https://facebook.github.io/create-react-app/docs/code-splitting

تحليل حجم الحزمة

تم نقل هذا القسم هنا: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

إنشاء تطبيق ويب تقدمي

تم نقل هذا القسم هنا: https://facebook.github.io/create-react-app/docs/make-a-progressive-web-app

التكوين المتقدم

تم نقل هذا القسم هنا: https://facebook.github.io/create-react-app/docs/advanced-configuration

النشر

تم نقل هذا القسم هنا: https://facebook.github.io/create-react-app/docs/deployment

فشل npm run build في التصغير

تم نقل هذا القسم هنا: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

رخصة

مجاني تماما (معهد ماساتشوستس للتكنولوجيا)! راجع LICENSE.md للمزيد.

يتبرع

يمكنك التبرع لنا. رابط للتبرع