react ui library tutorial

คู่มือการก่อสร้างไลบรารีส่วนประกอบส่วนประกอบ

• คู่มือการก่อสร้างส่วนประกอบส่วนประกอบ (I): การเริ่มต้นโครงการ
• คู่มือการก่อสร้างไลบรารีส่วนประกอบ (II): การพัฒนาและการดีบัก
• คู่มือการก่อสร้างไลบรารีส่วนประกอบ (III): การรวบรวมและบรรจุภัณฑ์
• คู่มือการก่อสร้างส่วนประกอบส่วนประกอบ (IV): การทดสอบหน่วย
• คู่มือการก่อสร้างไลบรารีส่วนประกอบ (V): กระบวนการปลดปล่อยมาตรฐาน

ตัวอย่างออนไลน์

- ตัวอย่างท้องถิ่น

git clone [email protected]:worldzhao/react-ui-library-tutorial.git
cd react-ui-library-tutorial
pnpm install
pnpm start

หลังจากดำเนินการคำสั่งตามลำดับคุณสามารถดูเนื้อหาต่อไปนี้ในพอร์ต LocalHost: 3000:

ภาพรวม

บทความชุดนี้ส่วนใหญ่มีเนื้อหาต่อไปนี้:

• การเริ่มต้นโครงการ: การเตรียมการสำหรับการพัฒนาไลบรารีส่วนประกอบ eslint / commit lint / typescript ฯลฯ ;
• ขั้นตอนการพัฒนา: ใช้ DUMI สำหรับการดีบักการพัฒนาและการเขียนเอกสาร;
• ขั้นตอนการบรรจุ: เอาต์พุต ~~ umd ~~ / cjs / esm ผลิตภัณฑ์และสนับสนุนการโหลดตามความต้องการ;
• การทดสอบส่วนประกอบ: ใช้ @testing-library/react และนิเวศวิทยาที่เกี่ยวข้องเพื่อทำการทดสอบส่วนประกอบ
• เผยแพร่ NPM: เขียนสคริปต์เพื่อกรอกรุ่นหรือใช้ NP โดยตรงเพื่อเผยแพร่;
• ปรับใช้เว็บไซต์เอกสาร: ใช้หน้า GitHub และการกระทำของ GitHub เพื่อดำเนินการปรับใช้งานเว็บไซต์เอกสารอัตโนมัติ