Frontend Academy · درس

ثقافة مراجعة الشيفرة وأفضل ممارسات PR

قدّم ملاحظات بنّاءة ومحترمة في مراجعة الشيفرة، واكتب PRs سهلة المراجعة، واستخدم المراجعة أداةً لمشاركة المعرفة لا بوابةً لمنع الآخرين

الدرس 2 من 417 خطوة

ثقافة مراجعة الشيفرة وأفضل ممارسات PR درس مجاني في Frontend Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Frontend Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Frontend Academy 4 دروس في المجموع.

مراجعة الكود هي مشاركة للمعرفة

مراجعة الكود ليست وسيلة لفرض الحواجز، بل هي الطريقة التي تتعلم بها الفرق معًا، وتنقل بها مسؤولية الملكية، وتحافظ على جودة عالية. ثقافة المراجعة الجيدة ترفع مستوى الفريق بأكمله، أما السيئة فتسبب الاختناقات والاستياء.

كتابة PR قابل للمراجعة

1) اجعله صغيرًا (أقل من 400 سطر إن أمكن). 2) اكتب وصفًا واضحًا: لماذا، وماذا، وكيفية الاختبار. 3) أضف رابط التذكرة. 4) أضف لقطات شاشة أو مقاطع فيديو لتغييرات واجهة المستخدم. 5) راجع diff بنفسك قبل طلب المراجعين.

عنوان PR وفق Conventional Commits

استخدم البادئات التقليدية نفسها المستخدمة في commits: feat: add user profile page، وfix: handle 404 in fetch wrapper، وrefactor: extract Avatar component. تنشئ فرق كثيرة changelogs اعتمادًا عليها.

قالب وصف PR

تستخدم معظم الفرق قالبًا لـ PR — ثبّته في .github/pull_request_template.md.

## What
Brief description of the change.

## Why
Problem this solves / business value.

## How
Key design decisions, tradeoffs considered.

## Screenshots
(For UI changes)

## Testing
- [ ] Unit tests added/updated
- [ ] Manual QA done on iOS/Android/web
- [ ] No console errors

Closes #1234

ابدأ بالمراجعة الذاتية

قبل طلب المراجعين، راجع diff الخاص بك سطرًا سطرًا. أضف تعليقات تشرح الاختيارات غير الواضحة. غالبًا ستكتشف أخطاءك بنفسك قبل أن يضطر شخص آخر إلى اكتشافها.

تقسيم التغييرات الكبيرة

نادرًا ما تخضع PR مكوّنة من 2000 سطر لمراجعة دقيقة. قسّمها إلى: 1) إعادة هيكلة (من دون تغيير السلوك)، 2) سلوك جديد، 3) تحسينات على واجهة المستخدم. سيكون من الأسهل مراجعة كل جزء والتراجع عنه.

تقديم ملاحظات بنّاءة

صُغ ملاحظاتك على شكل أسئلة، لا أوامر: «ما رأيك في استخراج هذا إلى hook؟» أفضل من «استخرج هذا». ميّز بين ما يجب إصلاحه وما يُستحسن تحسينه. استخدم البادئات: nit:، وquestion:، وblocker:.

كن محددًا

عبارة «هذا مربك» لا تخبر الكاتب بشيء. أما عبارة «اضطررت إلى قراءة هذا ثلاث مرات لفهم الخروج المبكر — هل يمكننا استخراج guard clause؟» فتعطيه شيئًا واضحًا يمكنه العمل عليه.

أثنِ على الأنماط الجيدة

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

لا تراجع الأسلوب — الأدوات تتولى ذلك

يتولى Prettier تنسيق الكود، ويتولى ESLint قواعد الأسلوب. لا تهدر دورات المراجعة في نقاش tabs-vs-spaces. إذا تكررت قاعدة أسلوبية باستمرار، فطبّقها في linter.

راجع الاختبارات

الاختبارات كود أيضًا. تأكد من وجود اختبارات للكود الجديد. وتحقق من أن الاختبارات تختبر الشيء الصحيح فعلًا — فكثير من الاختبارات تنجح حتى عند وجود خلل لأنها تتحقق من الشيء الخطأ.

المراجعة بصفتك الكاتب

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

حدّد وقتًا للمراجعات

أجرِ المراجعة خلال يوم عمل واحد. تفقد PR القديمة سياقها — فقد يكون الكاتب انتقل إلى عمل آخر، وقد يحتاج الفرع إلى إعادة الأساس. أما PR الكبيرة التي تبقى أسبوعًا فتنتهي دائمًا بعمليات دمج شاقة.

استخدم Suggestions (كتل الكود) في GitHub

تتيح ميزة الاقتراحات في GitHub للكاتب قبول الإصلاح بنقرة واحدة. وهذا أسرع بكثير من كتابة «غيّر هذا السطر إلى X» ضمن نص عادي.

```suggestion
const total = items.reduce((sum, item) => sum + item.price, 0);
```

# Author clicks 'Commit suggestion' to apply.

اعرف متى توافق

وافق عندما يكون الكود صحيحًا، وتنجح الاختبارات، وتفهم التغيير، ويكون الدمج آمنًا. تعني الموافقة أنك تشارك في تحمل مسؤولية النتيجة. لا تمنح موافقة شكلية — إذا لم تقرأ التغيير، فصرّح بذلك.

تحقق سريع

ما الموقف الموصى به عند تقديم ملاحظات على مراجعة كود كنت ستكتبه بطريقة مختلفة؟

خلاصة: أفضل ممارسات PR

الكاتب: PR صغيرة وموصوفة جيدًا، مع لقطات شاشة واختبارات. ابدأ بالمراجعة الذاتية. المراجع: ملاحظات بنّاءة قائمة على الأسئلة. ميّز بين ما يمنع الدمج والملاحظات البسيطة. أثنِ على الجوانب الجيدة. تجاوز الأسلوب — ودَع الأدوات تتولاه. أجرِ المراجعة خلال يوم. لا توافق إلا عندما تفهم التغيير. توحّد قوالب PR العملية. المراجعات تعاون، وليست وسيلة لفرض الحواجز.

البدء مجانًا

تعلم HTML مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات
41
الدروس
163

الأسئلة الشائعة

هل درس «ثقافة مراجعة الشيفرة وأفضل ممارسات PR» مجاني؟

نعم — نص درس «ثقافة مراجعة الشيفرة وأفضل ممارسات PR» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Frontend Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Frontend Academy 4 دروس في المجموع.

ماذا ستتعلم في «ثقافة مراجعة الشيفرة وأفضل ممارسات PR»؟

قدّم ملاحظات بنّاءة ومحترمة في مراجعة الشيفرة، واكتب PRs سهلة المراجعة، واستخدم المراجعة أداةً لمشاركة المعرفة لا بوابةً لمنع الآخرين تتمرن على Frontend Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Frontend Academy؟

لا تُشترط خبرة سابقة. Frontend Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «ثقافة مراجعة الشيفرة وأفضل ممارسات PR»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Frontend Academy هذا؟

نعم. كل درس في Frontend Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. مقابلات تصميم الأنظمة للواجهة الأمامية
  2. ثقافة مراجعة الشيفرة وأفضل ممارسات PR
  3. الإرشاد والتوثيق التقني
  4. مواكبة المستجدات: قراءة المواصفات والمقترحات
← العودة إلى Frontend Academy