مع نمو التطور الحديث في التعقيد، monorepos أصبحت ذات شعبية متزايدة. فهي تسمح بتخزين مشاريع أو حزم متعددة في مستودع واحد، مما يبسط إدارة التبعية ويعزز التعاون بشكل أفضل. اثنين من أفضل الأدوات لإدارة monorepos هما Turborepo و Nx.

تم تصميم كلتا الأداتين لتحسين الكفاءة وقابلية التوسع في التعامل مع monorepos، لكن لديهما نقاط قوة مميزة. في هذه المقالة، سنقوم بمقارنة Turborepo وNx، وسنستعرض مثالًا بسيطًا لمساعدتك في معرفة كيفية عملهما.

ما هو مونوريبو؟

A monorepo هو مستودع يخزن الكود لمشاريع متعددة في مكان واحد، على عكس إعداد الريبو المتعدد حيث يكون لكل مشروع مستودعه الخاص. يقدم Monorepos العديد من الفوائد:

• مشاركة التعليمات البرمجية: من الأسهل إدارة التعليمات البرمجية المشتركة والتبعيات عبر المشاريع.
• تعاون أفضل بين الفريق: كل شيء في مكان واحد، مما يجعل مراجعات التعليمات البرمجية وتتبع التبعية ومسارات CI/CD أسهل في الإدارة.

ومع ذلك، يمكن أن تنمو monorepos بشكل كبير جدًا وتتطلب أدوات متخصصة لإدارة عمليات الإنشاء والاختبارات وعمليات النشر بكفاءة. أدخل Turborepo و Nx.

---

ما هو توربوريبو؟

Turborepo هو نظام بناء عالي الأداء مصمم لـ JavaScript/TypeScript monorepos. ويؤكد على السرعة، وذلك باستخدام آليات التخزين المؤقت المتقدمة والتنفيذ المتوازي للتعامل مع المشاريع الكبيرة بكفاءة.

الميزات الرئيسية لـ Turborepo:

1. التخزين المؤقت الموزع: تعمل ذاكرة التخزين المؤقت Turborepo على إنشاء النتائج ومشاركتها عبر البيئات، مما يقلل من عمليات البناء الزائدة عن الحاجة.
2. التنفيذ المتوازي: يقوم بتشغيل مهام مثل عمليات البناء أو الاختبارات بالتوازي، مما يؤدي إلى تحسين السرعة في جميع المجالات.
3. الحد الأدنى من التكوين: البدء باستخدام Turborepo أمر بسيط، مع الحد الأدنى من الإعداد المطلوب.
4. التركيز على JavaScript/TypeScript: تم تحسين Turborepo خصيصًا لمشاريع JavaScript وTypeScript.

ما هو نإكس؟

Nx هو نظام بناء قوي تم إنشاؤه في الأصل بواسطة Nrwl لإدارة monorepos على نطاق واسع. على الرغم من أنها بدأت كأداة خاصة بـ Angular، إلا أنها تدعم الآن العديد من أطر العمل واللغات، بما في ذلك React وNode.js وحتى الأدوات غير التابعة لـ JS مثل Go.

الميزات الرئيسية لـ Nx:

1. نظام المكونات الإضافية: يوفر Nx دعمًا مدمجًا للعديد من أطر العمل مثل React وAngular وNestJS من خلال المكونات الإضافية.
2. نظام البناء الذكي: يستخدم الرسوم البيانية التبعية المتقدمة والتخزين المؤقت لبناء ما هو ضروري فقط.
3. مساحات العمل المنظمة: تم تصميم Nx للمكاتب الأحادية واسعة النطاق، مما يوفر هيكلًا وأدوات لفرق متعددة.
4. إنشاء الأكواد: يأتي Nx مزودًا بأدوات CLI لإنشاء تطبيقات أو مكتبات أو مكونات جديدة.
5. Rich CLI: يحتوي Nx على أوامر لتصور الرسوم البيانية التبعية، والتحقق من المشاريع المتأثرة، والمزيد.

---

مقارنة Turborepo وNx

1. سهولة الإعداد

• Turborepo: سريع الإعداد بأقل قدر من التكوين، مثالي لأولئك الذين يريدون البدء بسرعة باستخدام JavaScript/TypeScript monorepos.
• Nx: يقدم إعدادًا أكثر شمولاً مع الكثير من الأدوات والبنية، وهو مناسب للفرق الأكبر حجمًا أو أولئك الذين يستخدمون أطر عمل متعددة.

2. دعم الإطار

• Turborepo: يركز على أطر عمل JavaScript/TypeScript مثل React وNext.js وNode.js.
• Nx: يدعم نطاقًا أوسع من أطر العمل من خلال المكونات الإضافية، بما في ذلك Angular وReact وحتى اللغات غير JS مثل Go.

3. بناء الأداء والتخزين المؤقت

• Turborepo: معروف بـ التخزين المؤقت الموزع وتوازي خطوط الأنابيب، مما يجعله سريعًا للغاية لبناءات JS/TS واسعة النطاق.
• Nx: يوفر أيضًا تخزينًا مؤقتًا ذكيًا للبنية وتحسين المهام، باستخدام رسم بياني للتبعية لتحديد الحد الأدنى من الإصدارات المطلوبة.

4. الأدوات والنظام البيئي

• Turborepo: أداة أكثر تركيزًا لبناء وإدارة المهام في JS/TS monorepos، مع تكوين بسيط.
• Nx: نظام بيئي أكثر ثراءً مع ميزات مثل دعم التعليمات البرمجية والرسوم البيانية التبعية المرئية وإدارة مساحة العمل المتقدمة، مما يجعله رائعًا للفرق متعددة اللغات.

---

مثال: إعداد Monorepo بسيط

إليك مثال أساسي لكيفية إعداد monorepo باستخدام

Turborepo و Nx.

مثال مع

Turborepo

1. تهيئة Monorepo:

npx create-turbo@latest

   npx create-turbo@latest

1. أوامر التشغيل: لإنشاء مساحة العمل بأكملها أو فحصها أو اختبارها:

بناء تشغيل توربو

   npx create-turbo@latest

1. تكوين Turbo.json للبنيات المتوازية:

{ "خط الأنابيب": { "يبني": { "dependsOn": ["^build"], "المخرجات": ["dist/**"] } } }

   npx create-turbo@latest

مثال مع

Nx

1. تهيئة مساحة العمل:

npx create-nx-workspace@latest

   npx create-turbo@latest

1. إضافة مشروع جديد: قم بإنشاء تطبيق React داخل مساحة العمل:

إنشاء nx @nrwl/react:application my-app

   npx create-turbo@latest

1. تشغيل الإنشاء: بناء التطبيق باستخدام Nx:

nx قم ببناء تطبيقي

   nx build my-app

---

خاتمة

يعد كل من

Turborepo وNx أدوات قوية لإدارة monorepos، ولكنها تلبي الاحتياجات المختلفة:

يعد
• Turborepo مثاليًا لمشاريع JavaScript/TypeScript مع التركيز على الأداء والبساطة. إنه سريع الإعداد ويتفوق في التخزين المؤقت والتوازي.
• Nx مناسب أكثر لـ الفرق الكبيرة ومتعددة الأطر التي تحتاج إلى ميزات متقدمة مثل إدارة مساحة العمل، وإنشاء التعليمات البرمجية، ودعم اللغات والأطر المختلفة.

اختر

Turborepo إذا كنت تريد حلاً سريعًا ومركّزًا لـ JS/TS monorepos. اختر Nx إذا كنت بحاجة إلى مجموعة أدوات أكثر تنظيماً مع دعم المكونات الإضافية لمجموعة واسعة من التقنيات.

جربها واكتشف أي منها يناسب فريقك!