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

HSDS: رد فعل

تفاعل مكونات نظام تصميم Scout Help

عرض مباشر

تحقق من كتاب قصص HSDS: https://hsds.helpscout.com/.

ثَبَّتَ 

 npm install @helpscout/hsds-react --save

ابدء

بعد استنساخ هذا الريبو لأسفل ، قم بالتشغيل: 

 npm install

بمجرد تثبيت كل شيء ، قم بتشغيل: 

 npm start

تحقق من كتاب قصص HSDS على http: // localhost: 8900/في متصفحك!

محول SVG

اعتبارًا من V2.18.0 ، يتم اختيار مجموعة svg . وقد تم ذلك لتقليل حجم الحزمة المترجمة. لتحميل أيقونات svg ، أضف المحول المناسب إلى تطبيقك.

يوصى بتحميل المحول في مكان ما داخل نقطة الدخول الرئيسية (مثل src/index.js ). 

 // src/index.js
// For a lighter-weight svg set for embeddables
import '@helpscout/hsds-react/adapters/embed'
// For the complete svg set
import '@helpscout/hsds-react/adapters/app'

ملاحظة: هذا يحمل جميع صور svg ، بما في ذلك Icon Illo .

الاختبار

لتشغيل Jest في وضع الساعة ، قم بتشغيل: 

 npm run dev

لتنفيذ جميع الاختبارات (مع الإبلاغ عن التغطية) ، قم بتشغيل: 

 npm run test

نشر

دمج العلاقات العامة

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

نميل إلى إصدار إصدار مع PR واحد فقط في ذلك الوقت ، إذا كان ذلك ممكنًا

إطلاق على NPM

يمكنك معرفة المزيد عن إطلاق سراح بناء تجريبي رئيسي أو إطلاق نسخة تجريبية

لنشر وإصدار نسخة جديدة من HSDS ، قم بتشغيل الأمر التالي: 

 npm run release

سيتم تقديمه مع موجه CLI مع خيارات. اختر الشخص الذي تريده ، وهذا كل شيء! سوف يعتني البرنامج النصي بالباقي (من الاختبار إلى النشر).

نشر القصص القصيرة

لنشر القصة ، قم بتشغيل الأمر التالي: 

 npm run deploy

تعلُّم

  • وثائق HSDS: https://hsds.helpscout.com/
  • Developer Developer Document: DEV Docs
  • أيضا ، تحقق من مقاطع الفيديو الخاصة بنا لمزيد من موارد التعلم

أزرق؟

في 8 نوفمبر 2018 ، أعيد تسمية العلامة التجارية إلى HSDS: React؟.

ستظل المكتبة الزرقاء الأصلية موجودة على NPM ، ولا تزال قابلة للتثبيت عبر: 

 npm install @helpscout/blue --save

ومع ذلك ، فإن التطوير المستمر لهذه المكتبة المكونة سيستمر تحت HSDS: React ، والذي يمكن تثبيته عبر: 

 npm install @helpscout/hsds-react --save

شكرا جزيلا لجميع الناس المشاركين في الأزرق! الأزرق سيكون دائما ولدك؟ .

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