عن المشروع

Braid هو نظام تصميم قابل للتخصيص لمجموعة SEEK Group، منشور على npm باسم braid-design-system. يصف ملف README الإعداد المحسن لمشاريع sku: تثبيت الحزمة، ثم في أعلى التطبيق استيراد أنماط reset أولاً لتجنب مشكلات ترتيب CSS، واستيراد سمة مثل seekJobs، واستيراد BraidProvider والمكونات. يأخذ المزود خاصية theme ويقوم بتصيير المكونات؛ كما يمكن إلغاء تفعيل أنماط الجسم باستخدام styleBody={false}. يمكن توفير مكون رابط مخصص عبر linkComponent، باستخدام makeLinkComponent، لتخصيص تنفيذ Link و TextLink، على سبيل المثال لدمج روابط React Router. يستخدم التطوير المحلي pnpm و Storybook. يستخدم Braid أداة Vanilla Extract للتنسيق، حيث يتم كتابة CSS بلغة TypeScript التي يتم استخراجها استاتيكياً إلى فئات CSS ذرية، مما يتطلب إضافة (plugin) للمجمع (bundler). تُستخدم تأكيدات وقت التشغيل من مكتبة assert للتحقق من استخدام المكونات؛ ويوصي ملف README بإزالتها في بيئة الإنتاج باستخدام unassert، كما هو متبع عبر sku و Babel. تعتمد تحذيرات وقت التطوير ووقت البناء، مثل التنبيهات بالإيقاف (deprecations)، على process.env.NODE_ENV ويمكن إزالتها من حزم الإنتاج. تتوفر معلومات المساهمة في ملف CONTRIBUTING.md. يتم شكر Chromatic على اختبار لقطات الشاشة للمكونات المدعوم بواسطة Storybook. الترخيص هو MIT.