หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

HSDS: React

ส่วนประกอบตอบสนองสำหรับระบบการออกแบบของช่วยเหลือลูกเสือ

การสาธิตสด

ตรวจสอบหนังสือนิทานของ HSDS: https://hsds.helpscout.com/

ติดตั้ง 

 npm install @helpscout/hsds-react --save

เริ่มต้น

หลังจากโคลน repo นี้ลงแล้วให้วิ่ง: 

 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 ในโหมด Watch Run: 

 npm run dev

ในการดำเนินการทดสอบทั้งหมด (พร้อมการรายงานความครอบคลุม) ให้เรียกใช้: 

 npm run test

สำนักพิมพ์

การรวม PR

ในการผสาน PR เมื่อการเปิดตัวเสร็จสมบูรณ์โปรดทำ สควอชและรวม จากหน้า PR มันจะทำให้ประวัติศาสตร์สะอาดในสาขาหลัก

เรามักจะทำการเปิดตัวด้วยการประชาสัมพันธ์เพียงครั้งเดียวในเวลานั้น ถ้าเป็นไปได้

ปล่อยใน NPM

คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับการปล่อย Main หรือปล่อย Beta Build

หากต้องการเผยแพร่และปล่อย HSD เวอร์ชันใหม่ให้เรียกใช้คำสั่งต่อไปนี้: 

 npm run release

คุณจะถูกนำเสนอด้วยพรอมต์ CLI พร้อมตัวเลือก เลือกอันที่คุณต้องการแล้วก็แหละ! สคริปต์จะดูแลส่วนที่เหลือ (จากการทดสอบไปจนถึงการเผยแพร่)

ปรับใช้นิทาน

ในการปรับใช้นิทานให้เรียกใช้คำสั่งต่อไปนี้: 

 npm run deploy

การเรียนรู้

  • เอกสาร HSDS: https://hsds.helpscout.com/
  • ผู้พัฒนาเอกสารเชิงลึก: dev docs
  • นอกจากนี้ลองดูวิดีโอของเราสำหรับแหล่งเรียนรู้เพิ่มเติม

สีฟ้า?

เมื่อวันที่ 8 พฤศจิกายน 2018 เราเปลี่ยนโฉมสีน้ำเงินเป็น HSDS: React?

ไลบรารีสีน้ำเงินดั้งเดิมจะยังคงมีอยู่ใน NPM และยังสามารถติดตั้งได้ผ่าน: 

 npm install @helpscout/blue --save

อย่างไรก็ตามการพัฒนาอย่างต่อเนื่องของไลบรารีส่วนประกอบนี้จะดำเนินต่อไปภายใต้ HSDS: React ซึ่งสามารถติดตั้งได้ผ่าน: 

 npm install @helpscout/hsds-react --save

ขอบคุณมากสำหรับทุกคนที่เกี่ยวข้องกับสีน้ำเงิน! สีน้ำเงินจะเป็นเด็กของคุณเสมอ? -

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด