الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

Ontwik-ui

مكتبة واجهة مستخدم مقطوعة الرأس ومولد موضوع CLI

مدعوم من:

  • ؟ Turborepo-نظام بناء عالي الأداء لـ Monorepos
  • React - مكتبة JavaScript لواجهات المستخدم
  • ؟ TSUP - Bundler TypeScript مدعوم من ESBUILD
  • قصة القصص - بيئة مكون واجهة المستخدم التي تعمل بفيروس فايت

بالإضافة إلى بعض الأدوات الأخرى التي تم تكوينها مسبقًا:

  • TypeScript للتحقق من النوع الثابت
  • تغييرات لإدارة الإصدار و changelogs
  • إجراءات github لنشر الحزم الآلي بالكامل

ابدء

مستندات

أوامر مفيدة

  • yarn dev - قم بتشغيل جميع الحزم محليًا ومعاينة مع Storybook
  • yarn build - قم ببناء جميع الحزم بما في ذلك موقع القصص القصيرة
  • yarn lint - LINT جميع الحزم
  • yarn changeset - قم بإنشاء تغييرات
  • yarn clean - قم بتنظيف جميع مجلدات node_modules ومجلدات dist (يقوم بتشغيل نص نظيف لكل حزمة)

التطبيقات والحزم

يتضمن هذا monorepo الحزم والتطبيقات التالية:

  • apps/docs : موقع وثائق المكون مع قصة القصص
  • apps/public-docs : مستندات عامة مدعومة من Nextra
  • packages/ontwik-ui : مكونات رد الفعل الأساسي

كل حزمة وتطبيق هو 90 ٪ typeScript. تمكننا مساحات عمل الغزل من "رفع" التبعيات التي يتم مشاركتها بين الحزم إلى package.json الجذر. json. هذا يعني أصغر node_modules مجلدات وتجربة ديف محلية أفضل. لتثبيت الاعتماد على Monorepo بأكمله ، استخدم علامة -W مساحات العمل مع yarn add .

حزم الإصدار والنشر

يستخدم هذا المستودع تغييرات لإدارة الإصدارات ، وإنشاء changelogs ، والنشر إلى NPM. تم تكوينه مسبقًا حتى تتمكن من بدء نشر الحزم الفورية.

توليد التغيير

لإنشاء changelog الخاص بك ، قم بتشغيل yarn changeset محليًا:

  1. ما هي الحزم التي ترغب في تضمينها؟ - هذا يدل على الحزم التي تغيرت والتي بقيت كما هي. بشكل افتراضي ، لا يتم تضمين أي حزم. اضغط على space لتحديد الحزم التي تريد تضمينها في changeset .
  2. ما هي الحزم التي يجب أن يكون لها نتوء كبير؟ - اضغط على space لتحديد الحزم التي ترغب في الالتصاق بها.
  3. إذا قمت بالقيام بالإصدار الرئيسي الأول ، فأؤكد أنك تريد إصداره.
  4. اكتب ملخصًا للتغييرات.
  5. تأكيد تغييرات التغيير كما هو متوقع.
  6. سيتم إنشاء ملف Markdown الجديد في مجلد changeset مع الملخص وقائمة من الحزم المدرجة.

إطلاق

عندما تدفع الكود الخاص بك إلى github ، سيتم تشغيل إجراء github البرنامج النصي release المحدد في Root package.json : 

turbo run build --filter=docs^... --filter=public-docs^... && changeset publish

يقوم Turborepo بتشغيل برنامج build Script لجميع الحزم القابلة للنشر (باستثناء المستندات والمواد العامة) ونشر الحزم إلى NPM.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل