React projects for beginners

React Project لمستودع المبتدئين

مرحبًا بك في مشروع React for Beginners Restository! هذا مكان خاص للمبتدئين المتحمسين للتعلم والمساهمة في رد فعل مشاريع المصدر المفتوح. (85 ++ مشاريع)

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

ملاحظة رقم 2: لا تنسَ إدراج مشروعك في ملف `projects.js` في المجلد الجذري لإعادة الريبو. يمكنك أيضًا إضافة الرابط التجريبي لمشروعك (إن وجد)

ملاحظة رقم 3: يرجى قراءة إرشادات إدارة الحجم.

وصف

يعمل هذا المستودع كمنصة لمشروع React للمشاركين في المبتدئين الذين يقومون برحلتهم إلى إتقان React JS ويريدون المساهمة في مهرجان Hacktober. إنه مكان يمكنك من خلاله مشاركة مشاريعك الصغيرة والتعلم من الآخرين والمساهمة في نمو مجتمع المصدر المفتوح.

سواء كنت قد قمت ببناء آلة حاسبة بسيطة أو قائمة مهام أو تطبيق الطقس ، يتم الترحيب بمساهماتك هنا. الهدف الرئيسي من هذا المستودع هو تشجيع التعلم والتعاون بين المطورين الجدد في الرد على المساهمات المفتوحة والمصدر.

ما هو Hacktoberfest؟

Hacktoberfest هو احتفال لمدة شهر لبرنامج مفتوح المصدر الذي يديره Digitalocean. إنه مفتوح للجميع في مجتمعنا العالمي. سواء كنت مطورًا أو طالبًا يتعلم الكود أو مضيف حدث أو شركة من أي حجم ، يمكنك المساعدة في دفع نمو المصدر المفتوح وتقديم مساهمات إيجابية لمجتمع متزايد باستمرار. يتم تشجيع جميع الخلفيات ومستويات المهارة على إكمال التحدي. انقر هنا للحصول على معلومات Hacktoberfest

عملية المساهمة

1. شوكة : شوكة هذا github repo إلى حساب github الخاص بك 2. استنساخ : استنساخ الريبو المتشعب (الريبو الموجود على حسابك) إلى جهازك المحلي (تذكير: تأكد من أنك في الدليل حيث تريد تخزين المستودع).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3. إنشاء فرع جديد

git checkout -b my-new-branch

4. التغييرات : إنشاء فرع جديد وارتكاب تغييراتك على هذا الفرع. 5. إضافة وارتكاب

• أضف التغييرات الخاصة بك

git add .

• ارتكب تغييراتك. (تذكير: تأكد من أن رسالتك ذات الصلة تتضمن التفاصيل اللازمة لفهم التغيير (S))

git commit -m "Relevant message"

6. اضغط : بعد جميع التغييرات ، ادفع التغييرات الخاصة بك على الريبو عن بُعد.

git push origin my-new-branch

7. العلاقات العامة : بعد دفع التغييرات ، ارفع العلاقات العامة من ريبو عن بُعد إلى فرع Dev الخاص بهذا الريبو (تذكير: تأكد من عنوان PR الخاص بك بشكل مناسب لفهم الموضوع الرئيسي لطلبك)

من خلال المشاركة في هذا المستودع ، لن تساهم فقط في المصدر المفتوح ، ولكن أيضًا تحسين مهاراتك في React JS. دعونا نجعل التعلم يتفاعل ممتعًا وتفاعلية خلال مهرجان هاكت أكتوبر! ترميز سعيد و Hacktoberfest سعيد!

إرشادات المساهمة

يرجى التأكد من اتباع إرشادات المساهمة قبل تقديم طلب سحب. مساهمات الجودة هي التي تجعل مجتمع المصدر المفتوح مكانًا رائعًا للتعلم وإلهامه وإنشائه.

ابحث عن القائمة الكاملة للمبادئ التوجيهية في ملف المساهمة.

إرشادات إدارة الحجم الشبكي

يستضيف هذا المستودع مشاريع متعددة ، ولضمان الأداء السلس والإدارة الفعالة ، يجب اتباع الإرشادات التالية:

1. الحد من حجم المشروع

• يجب ألا يتجاوز كل مجلد مشروع فردي 15 ميغابايت .
• إذا كان المشروع يتطلب مساحة أكبر بسبب الأصول أو البيانات الإضافية ، ففكر في إعادة تهيئة الكود أو تخزين الملفات الخارجية في موقع منفصل (مثل تخزين السحابة أو صفحات الجيش السحابية).

2. منظمة الملفات

• يجب تنظيم المشاريع في المجلدات المسمى بوضوح ضمن دليل الجذر.
• حافظ على بنية المجلد بسيطة ، على سبيل المثال ، Project_name1/ ، Project_name2/ ، إلخ.

3. تجنب الملفات الثنائية الكبيرة

• لا ترتكب ملفات ثنائية كبيرة (على سبيل المثال ، مقاطع فيديو ، صور عالية الدقة ، تجميعات تنفيذية) مباشرة إلى المستودع.
• استخدم GIT LFS (تخزين ملفات كبيرة) للملفات التي تزيد عن 100 ميجابايت أو فكر في تخزين الأصول الكبيرة خارج المستودع والربط بها.

4. تقليل المكتبات الخارجية

• قلل من استخدام مكتبات الطرف الثالث الثقيل أو التبعيات الخارجية.
• استخدم ملف .gitignore لاستبعاد الملفات غير الضرورية أو المزروعة تلقائيًا (على سبيل المثال ، node_modules/ ، build/ ، إلخ).

5. تنظيف منتظم

• تنفيذ تنظيف منتظم للملفات غير الضرورية (على سبيل المثال ، سجلات ، ملفات مؤقتة).
• قم بإزالة التعليمات البرمجية أو الأصول أو المشاريع القديمة أو غير المستخدمة من المستودع.

6. ضغط الأصول

• ضغط الصورة : استخدم أدوات مثل TinyPng أو ImageOptim أو Squoosh لضغط الصور (PNG ، JPEG ، إلخ) قبل ارتكابها.
  • بالنسبة لصور الويب : استخدم التنسيقات المناسبة مثل WebP لتقليل الحجم بشكل كبير دون المساس بالجودة.
• الحد من الدقة : تجنب استخدام الصور عالية الدقة دون داع. بالنسبة لمعظم مشاريع React ، فإن دقة 72 نقطة في البوصة (نقاط في البوصة) كافية للشبكة.
• استخدام SVG : استخدم ملفات SVG كلما كان ذلك ممكنًا لرسومات المتجهات ، لأنها قابلة للتطوير وخفيفة الوزن.
• اضغط على الأصول الأخرى مثل PDFs وملفات الصوت باستخدام أدوات الضغط بدون فقد قبل إضافتها إلى المستودع لتقليل حجم الملف.

7. تحسين الرمز للأداء

• Bundle و Minify : تأكد من أن إعداد المشروع الخاص بك يستخدم أدوات مثل WebPack أو Vite to Bundle و Minify JavaScript و CSS. هذا يقلل من أحجام الملفات ويسرع أوقات التحميل.
• تهتز الأشجار : عند استخدام مكتبات الطرف الثالث ، تأكد من استيراد الأجزاء الضرورية فقط (هز الأشجار) لتجنب تجميع الكود غير المستخدم.
  • على سبيل المثال ، تفضل import { Button } from 'library' بدلاً من import * as Library from 'library' .

8. الإصدار وإدارة التاريخ

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

9. المساهمات

• للمساهمين ، يرجى الالتزام بحدود حجم المشروع. يجب مناقشة المساهمات الكبيرة من خلال قضية أو طلب سحب.
• تأكد من تحسين جميع المساهمات للحجم والأداء قبل تقديمها.

مدونة لقواعد السلوك

يلتزم هذا المشروع بقيم Hacktoberfest ↗ وقواعد سلوك العهد المساهم ↗. من خلال المشاركة ، من المتوقع أن تدعم هذا الرمز. في Addtiona هذا المشروع

رخصة

تم ترخيص هذا المستودع بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.

رخصة معهد ماساتشوستس للتكنولوجيا لا تفعل ملخصًا:

DO'S: استخدم الرمز في التطبيقات التجارية: على سبيل المثال ، يمكن للشركة إنشاء جزء من البرامج الخاصة التي تتضمن كل أو جزء من رمز المصدر المفتوح الأصلي ، ثم شحن الأموال لهذا البرنامج. تعديل الكود: بمعنى آخر ، يمكن للمطورين تغيير/تحديث الرمز كما يرغبون. توزيع نسخ من الكود وأي تعديلات: طالما تم تضمين إشعار حقوق الطبع والنشر الأصلي والترخيص نفسه ، يمكن للمؤسسة توزيع وبيع النسخ أو الإصدارات المعدلة من الرمز. Sublicense الكود: هذا يعني أنه يمكنك دمج الكود الأصلي في تعديل مع ترخيص أكثر صرامة.

Dont's: لا يمكن الاحتفاظ بمؤلف (مؤلف) الكود المسؤولية قانونية لأي سبب. لا يمكن حذف إشعار حقوق الطبع والنشر والترخيص الأصلي من نسختك من الرمز.

لنبدأ في المساهمة ونجعل مجتمع المصدر المفتوح مكانًا أفضل للجميع!

React Project لمستودع المبتدئين

مرحبًا بك في مشروع React for Beginners Restository! هذا مكان خاص للمبتدئين الذين هم متحمسون للتعلم والمساهمة في المشاريع مفتوحة المصدر باستخدام React JS. لها hacktoberfest حاليا!

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

ملاحظة رقم 2: لا تنسَ إدراج مشروعك في ملف `projects.js` في المجلد الجذري لإعادة الريبو. يمكنك أيضًا إضافة الرابط التجريبي لمشروعك (إن وجد)

ملاحظة رقم 3: يرجى قراءة [إرشادات إدارة REPO-SIZE] (https://github.com/ianshulx/react-projects-for-beginners/blob/main/repo_size_guidelines)

وصف

يعمل هذا المستودع كمنصة لمشروع React للمشاركين في المبتدئين الذين يقومون برحلتهم إلى إتقان React JS ويريدون المساهمة في مهرجان Hacktober. إنه مكان يمكنك من خلاله مشاركة مشاريعك الصغيرة والتعلم من الآخرين والمساهمة في نمو مجتمع المصدر المفتوح.

سواء كنت قد قمت ببناء آلة حاسبة بسيطة أو قائمة مهام أو تطبيق الطقس ، يتم الترحيب بمساهماتك هنا. الهدف الرئيسي من هذا المستودع هو تشجيع التعلم والتعاون بين المطورين الجدد في الرد على المساهمات المفتوحة والمصدر.

ما هو Hacktoberfest؟

Hacktoberfest هو احتفال لمدة شهر لبرنامج مفتوح المصدر الذي يديره Digitalocean. إنه مفتوح للجميع في مجتمعنا العالمي. سواء كنت مطورًا أو طالبًا يتعلم الكود أو مضيف حدث أو شركة من أي حجم ، يمكنك المساعدة في دفع نمو المصدر المفتوح وتقديم مساهمات إيجابية لمجتمع متزايد باستمرار. يتم تشجيع جميع الخلفيات ومستويات المهارة على إكمال التحدي. انقر هنا للحصول على معلومات Hacktoberfest

عملية المساهمة

1. شوكة : شوكة هذا github repo إلى حساب github الخاص بك 2. استنساخ : استنساخ الريبو المتشعب (الريبو الموجود على حسابك) إلى جهازك المحلي (تذكير: تأكد من أنك في الدليل حيث تريد تخزين المستودع).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3. إنشاء فرع جديد

git checkout -b my-new-branch

4. التغييرات : إنشاء فرع جديد وارتكاب تغييراتك على هذا الفرع. 5. إضافة وارتكاب

• أضف التغييرات الخاصة بك

git add .

• ارتكب تغييراتك. (تذكير: تأكد من أن رسالتك ذات الصلة تتضمن التفاصيل اللازمة لفهم التغيير (S))

git commit -m "Relevant message"

6. اضغط : بعد جميع التغييرات ، ادفع التغييرات الخاصة بك على الريبو عن بُعد.

git push origin my-new-branch

7. العلاقات العامة : بعد دفع التغييرات ، ارفع العلاقات العامة من ريبو عن بُعد إلى فرع Dev الخاص بهذا الريبو (تذكير: تأكد من عنوان PR الخاص بك بشكل مناسب لفهم الموضوع الرئيسي لطلبك)

من خلال المشاركة في هذا المستودع ، لن تساهم فقط في المصدر المفتوح ، ولكن أيضًا تحسين مهاراتك في React JS. دعونا نجعل التعلم يتفاعل ممتعًا وتفاعلية خلال مهرجان هاكت أكتوبر! ترميز سعيد و Hacktoberfest سعيد!

إرشادات المساهمة

يرجى التأكد من اتباع إرشادات المساهمة قبل تقديم طلب سحب. مساهمات الجودة هي التي تجعل مجتمع المصدر المفتوح مكانًا رائعًا للتعلم وإلهامه وإنشائه.

ابحث عن القائمة الكاملة للمبادئ التوجيهية في ملف المساهمة.

إرشادات إدارة الحجم الشبكي

يستضيف هذا المستودع مشاريع متعددة ، ولضمان الأداء السلس والإدارة الفعالة ، يجب اتباع الإرشادات التالية:

1. الحد من حجم المشروع

• يجب ألا يتجاوز كل مجلد مشروع فردي 15 ميغابايت .
• إذا كان المشروع يتطلب مساحة أكبر بسبب الأصول أو البيانات الإضافية ، ففكر في إعادة تهيئة الكود أو تخزين الملفات الخارجية في موقع منفصل (مثل تخزين السحابة أو صفحات الجيش السحابية).

2. منظمة الملفات

• يجب تنظيم المشاريع في المجلدات المسمى بوضوح ضمن دليل الجذر.
• حافظ على بنية المجلد بسيطة ، على سبيل المثال ، Project_name1/ ، Project_name2/ ، إلخ.

3. تجنب الملفات الثنائية الكبيرة

• لا ترتكب ملفات ثنائية كبيرة (على سبيل المثال ، مقاطع فيديو ، صور عالية الدقة ، تجميعات تنفيذية) مباشرة إلى المستودع.
• استخدم GIT LFS (تخزين ملفات كبيرة) للملفات التي تزيد عن 100 ميجابايت أو فكر في تخزين الأصول الكبيرة خارج المستودع والربط بها.

4. تقليل المكتبات الخارجية

• قلل من استخدام مكتبات الطرف الثالث الثقيل أو التبعيات الخارجية.
• استخدم ملف .gitignore لاستبعاد الملفات غير الضرورية أو المزروعة تلقائيًا (على سبيل المثال ، node_modules/ ، build/ ، إلخ).

5. تنظيف منتظم

• تنفيذ تنظيف منتظم للملفات غير الضرورية (على سبيل المثال ، سجلات ، ملفات مؤقتة).
• قم بإزالة التعليمات البرمجية أو الأصول أو المشاريع القديمة أو غير المستخدمة من المستودع.

6. ضغط الأصول

• ضغط الصورة : استخدم أدوات مثل TinyPng أو ImageOptim أو Squoosh لضغط الصور (PNG ، JPEG ، إلخ) قبل ارتكابها.
  • بالنسبة لصور الويب : استخدم التنسيقات المناسبة مثل WebP لتقليل الحجم بشكل كبير دون المساس بالجودة.
• الحد من الدقة : تجنب استخدام الصور عالية الدقة دون داع. بالنسبة لمعظم مشاريع React ، فإن دقة 72 نقطة في البوصة (نقاط في البوصة) كافية للشبكة.
• استخدام SVG : استخدم ملفات SVG كلما كان ذلك ممكنًا لرسومات المتجهات ، لأنها قابلة للتطوير وخفيفة الوزن.
• اضغط على الأصول الأخرى مثل PDFs وملفات الصوت باستخدام أدوات الضغط بدون فقد قبل إضافتها إلى المستودع لتقليل حجم الملف.

7. تحسين الرمز للأداء

• Bundle و Minify : تأكد من أن إعداد المشروع الخاص بك يستخدم أدوات مثل WebPack أو Vite to Bundle و Minify JavaScript و CSS. هذا يقلل من أحجام الملفات ويسرع أوقات التحميل.
• تهتز الأشجار : عند استخدام مكتبات الطرف الثالث ، تأكد من استيراد الأجزاء الضرورية فقط (هز الأشجار) لتجنب تجميع الكود غير المستخدم.
  • على سبيل المثال ، تفضل import { Button } from 'library' بدلاً من import * as Library from 'library' .

8. الإصدار وإدارة التاريخ

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

9. المساهمات

• للمساهمين ، يرجى الالتزام بحدود حجم المشروع. يجب مناقشة المساهمات الكبيرة من خلال قضية أو طلب سحب.
• تأكد من تحسين جميع المساهمات للحجم والأداء قبل تقديمها.

مدونة لقواعد السلوك

يلتزم هذا المشروع بقيم Hacktoberfest ↗ وقواعد سلوك العهد المساهم ↗. من خلال المشاركة ، من المتوقع أن تدعم هذا الرمز. في Addtiona هذا المشروع

رخصة

تم ترخيص هذا المستودع بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.

رخصة معهد ماساتشوستس للتكنولوجيا لا تفعل ملخصًا:

DO'S: استخدم الرمز في التطبيقات التجارية: على سبيل المثال ، يمكن للشركة إنشاء جزء من البرامج الخاصة التي تتضمن كل أو جزء من رمز المصدر المفتوح الأصلي ، ثم شحن الأموال لهذا البرنامج. تعديل الكود: بمعنى آخر ، يمكن للمطورين تغيير/تحديث الرمز كما يرغبون. توزيع نسخ من الكود وأي تعديلات: طالما تم تضمين إشعار حقوق الطبع والنشر الأصلي والترخيص نفسه ، يمكن للمؤسسة توزيع وبيع النسخ أو الإصدارات المعدلة من الرمز. Sublicense الكود: هذا يعني أنه يمكنك دمج الكود الأصلي في تعديل مع ترخيص أكثر صرامة.

Dont's: لا يمكن الاحتفاظ بمؤلف (مؤلف) الكود المسؤولية قانونية لأي سبب. لا يمكن حذف إشعار حقوق الطبع والنشر والترخيص الأصلي من نسختك من الرمز.

لنبدأ في المساهمة ونجعل مجتمع المصدر المفتوح مكانًا أفضل للجميع!

React Project لمستودع المبتدئين

مرحبًا بك في مشروع React for Beginners Restository! هذا مكان خاص للمبتدئين الذين هم متحمسون للتعلم والمساهمة في المشاريع مفتوحة المصدر باستخدام React JS. لها hacktoberfest حاليا!

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

ملاحظة رقم 2: لا تنسَ إدراج مشروعك في ملف `projects.js` في المجلد الجذري لإعادة الريبو. يمكنك أيضًا إضافة الرابط التجريبي لمشروعك (إن وجد)

ملاحظة رقم 3: يرجى قراءة [إرشادات إدارة REPO-SIZE] (https://github.com/ianshulx/react-projects-for-beginners/blob/main/repo_size_guidelines)

وصف

يعمل هذا المستودع كمنصة لمشروع React للمشاركين في المبتدئين الذين يقومون برحلتهم إلى إتقان React JS ويريدون المساهمة في مهرجان Hacktober. إنه مكان يمكنك من خلاله مشاركة مشاريعك الصغيرة والتعلم من الآخرين والمساهمة في نمو مجتمع المصدر المفتوح.

سواء كنت قد قمت ببناء آلة حاسبة بسيطة أو قائمة مهام أو تطبيق الطقس ، يتم الترحيب بمساهماتك هنا. الهدف الرئيسي من هذا المستودع هو تشجيع التعلم والتعاون بين المطورين الجدد في الرد على المساهمات المفتوحة والمصدر.

ما هو Hacktoberfest؟

Hacktoberfest هو احتفال لمدة شهر لبرنامج مفتوح المصدر الذي يديره Digitalocean. إنه مفتوح للجميع في مجتمعنا العالمي. سواء كنت مطورًا أو طالبًا يتعلم الكود أو مضيف حدث أو شركة من أي حجم ، يمكنك المساعدة في دفع نمو المصدر المفتوح وتقديم مساهمات إيجابية لمجتمع متزايد باستمرار. يتم تشجيع جميع الخلفيات ومستويات المهارة على إكمال التحدي. انقر هنا للحصول على معلومات Hacktoberfest

عملية المساهمة

1. شوكة : شوكة هذا github repo إلى حساب github الخاص بك 2. استنساخ : استنساخ الريبو المتشعب (الريبو الموجود على حسابك) إلى جهازك المحلي (تذكير: تأكد من أنك في الدليل حيث تريد تخزين المستودع).

 git clone https://github.com/ianshulx/React-projects-for-beginners

3. إنشاء فرع جديد

git checkout -b my-new-branch

4. التغييرات : إنشاء فرع جديد وارتكاب تغييراتك على هذا الفرع. 5. إضافة وارتكاب

• أضف التغييرات الخاصة بك

git add .

• ارتكب تغييراتك. (تذكير: تأكد من أن رسالتك ذات الصلة تتضمن التفاصيل اللازمة لفهم التغيير (S))

git commit -m "Relevant message"

6. اضغط : بعد جميع التغييرات ، ادفع التغييرات الخاصة بك على الريبو عن بُعد.

git push origin my-new-branch

7. العلاقات العامة : بعد دفع التغييرات ، ارفع العلاقات العامة من ريبو عن بُعد إلى فرع Dev الخاص بهذا الريبو (تذكير: تأكد من عنوان PR الخاص بك بشكل مناسب لفهم الموضوع الرئيسي لطلبك)

من خلال المشاركة في هذا المستودع ، لن تساهم فقط في المصدر المفتوح ، ولكن أيضًا تحسين مهاراتك في React JS. دعونا نجعل التعلم يتفاعل ممتعًا وتفاعلية خلال مهرجان هاكت أكتوبر! ترميز سعيد و Hacktoberfest سعيد!

إرشادات المساهمة

يرجى التأكد من اتباع إرشادات المساهمة قبل تقديم طلب سحب. مساهمات الجودة هي التي تجعل مجتمع المصدر المفتوح مكانًا رائعًا للتعلم وإلهامه وإنشائه.

ابحث عن القائمة الكاملة للمبادئ التوجيهية في ملف المساهمة.

إرشادات إدارة الحجم الشبكي

يستضيف هذا المستودع مشاريع متعددة ، ولضمان الأداء السلس والإدارة الفعالة ، يجب اتباع الإرشادات التالية:

1. الحد من حجم المشروع

• يجب ألا يتجاوز كل مجلد مشروع فردي 15 ميغابايت .
• إذا كان المشروع يتطلب مساحة أكبر بسبب الأصول أو البيانات الإضافية ، ففكر في إعادة تهيئة الكود أو تخزين الملفات الخارجية في موقع منفصل (مثل تخزين السحابة أو صفحات الجيش السحابية).

2. منظمة الملفات

• يجب تنظيم المشاريع في المجلدات المسمى بوضوح ضمن دليل الجذر.
• حافظ على بنية المجلد بسيطة ، على سبيل المثال ، Project_name1/ ، Project_name2/ ، إلخ.

3. تجنب الملفات الثنائية الكبيرة

• لا ترتكب ملفات ثنائية كبيرة (على سبيل المثال ، مقاطع فيديو ، صور عالية الدقة ، تجميعات تنفيذية) مباشرة إلى المستودع.
• استخدم GIT LFS (تخزين ملفات كبيرة) للملفات التي تزيد عن 100 ميجابايت أو فكر في تخزين الأصول الكبيرة خارج المستودع والربط بها.

4. تقليل المكتبات الخارجية

• قلل من استخدام مكتبات الطرف الثالث الثقيل أو التبعيات الخارجية.
• استخدم ملف .gitignore لاستبعاد الملفات غير الضرورية أو المزروعة تلقائيًا (على سبيل المثال ، node_modules/ ، build/ ، إلخ).

5. تنظيف منتظم

• تنفيذ تنظيف منتظم للملفات غير الضرورية (على سبيل المثال ، سجلات ، ملفات مؤقتة).
• قم بإزالة التعليمات البرمجية أو الأصول أو المشاريع القديمة أو غير المستخدمة من المستودع.

6. ضغط الأصول

• ضغط الصورة : استخدم أدوات مثل TinyPng أو ImageOptim أو Squoosh لضغط الصور (PNG ، JPEG ، إلخ) قبل ارتكابها.
  • بالنسبة لصور الويب : استخدم التنسيقات المناسبة مثل WebP لتقليل الحجم بشكل كبير دون المساس بالجودة.
• الحد من الدقة : تجنب استخدام الصور عالية الدقة دون داع. بالنسبة لمعظم مشاريع React ، فإن دقة 72 نقطة في البوصة (نقاط في البوصة) كافية للشبكة.
• استخدام SVG : استخدم ملفات SVG كلما كان ذلك ممكنًا لرسومات المتجهات ، لأنها قابلة للتطوير وخفيفة الوزن.
• اضغط على الأصول الأخرى مثل PDFs وملفات الصوت باستخدام أدوات الضغط بدون فقد قبل إضافتها إلى المستودع لتقليل حجم الملف.

7. تحسين الرمز للأداء

• Bundle و Minify : تأكد من أن إعداد المشروع الخاص بك يستخدم أدوات مثل WebPack أو Vite to Bundle و Minify JavaScript و CSS. هذا يقلل من أحجام الملفات ويسرع أوقات التحميل.
• تهتز الأشجار : عند استخدام مكتبات الطرف الثالث ، تأكد من استيراد الأجزاء الضرورية فقط (هز الأشجار) لتجنب تجميع الكود غير المستخدم.
  • على سبيل المثال ، تفضل import { Button } from 'library' بدلاً من import * as Library from 'library' .

8. الإصدار وإدارة التاريخ

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

9. المساهمات

• للمساهمين ، يرجى الالتزام بحدود حجم المشروع. يجب مناقشة المساهمات الكبيرة من خلال قضية أو طلب سحب.
• تأكد من تحسين جميع المساهمات للحجم والأداء قبل تقديمها.

مدونة لقواعد السلوك

يلتزم هذا المشروع بقيم Hacktoberfest ↗ وقواعد سلوك العهد المساهم ↗. من خلال المشاركة ، من المتوقع أن تدعم هذا الرمز. في Addtiona هذا المشروع

رخصة

تم ترخيص هذا المستودع بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.

رخصة معهد ماساتشوستس للتكنولوجيا لا تفعل ملخصًا:

DO'S: استخدم الرمز في التطبيقات التجارية: على سبيل المثال ، يمكن للشركة إنشاء جزء من البرامج الخاصة التي تتضمن كل أو جزء من رمز المصدر المفتوح الأصلي ، ثم شحن الأموال لهذا البرنامج. تعديل الكود: بمعنى آخر ، يمكن للمطورين تغيير/تحديث الرمز كما يرغبون. توزيع نسخ من الكود وأي تعديلات: طالما تم تضمين إشعار حقوق الطبع والنشر الأصلي والترخيص نفسه ، يمكن للمؤسسة توزيع وبيع النسخ أو الإصدارات المعدلة من الرمز. Sublicense الكود: هذا يعني أنه يمكنك دمج الكود الأصلي في تعديل مع ترخيص أكثر صرامة.

Dont's: لا يمكن الاحتفاظ بمؤلف (مؤلف) الكود المسؤولية قانونية لأي سبب. لا يمكن حذف إشعار حقوق الطبع والنشر والترخيص الأصلي من نسختك من الرمز.

لنبدأ في المساهمة ونجعل مجتمع المصدر المفتوح مكانًا أفضل للجميع!