Скачать или смотреть شرح طريقة رفع مشروع رياكت

شرح كل أمر وما يقوم به:

1. أمر npm install --save gh-pages
هذا الأمر يستخدم لتثبيت حزمة gh-pages وإضافتها إلى مشروعك. gh-pages هي أداة تسهل نشر المشاريع على GitHub Pages.

npm install: يقوم بتثبيت الحزمة.

--save: يضيف الحزمة إلى قائمة التبعيات في ملف package.json.

2. خاصية "homepage": "https://yourusername.github.io/reposi...."
تُستخدم لتحديد عنوان URL الخاص بموقعك على GitHub Pages. يقوم React باستخدام هذه الخاصية لتحديد المسارات النسبية بشكل صحيح عند البناء.

"homepage": خاصية تُضاف في ملف package.json لتحديد عنوان URL الخاص بالموقع.

"https://yourusername.github.io/reposi....": يجب استبدال yourusername باسم المستخدم الخاص بك على GitHub، و repository-name باسم المستودع الخاص بالمشروع.

3. قسم "scripts": {...}
يحتوي على الأوامر المختلفة التي يمكن تشغيلها باستخدام npm. توضح هذه الأوامر ما يلي:

"start": "react-scripts start": يشغّل تطبيق React في وضع التطوير.

"build": "react-scripts build": ينشئ نسخة جاهزة للإنتاج من تطبيق React.

"test": "react-scripts test": يشغّل اختبارات التطبيق.

"eject": "react-scripts eject": يفصل إعدادات البناء الافتراضية الخاصة بـ React لإنشاء إعدادات مخصصة.

"predeploy": "npm run build": أمر يتم تنفيذه قبل الأمر deploy. يقوم ببناء المشروع وتجهيزه للنشر.

"deploy": "gh-pages -d build": ينشر الملفات في مجلد build إلى فرع gh-pages على GitHub.

4. أمر npm run deploy
هذا الأمر يستخدم لتنفيذ عملية النشر على GitHub Pages.