
2025 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2025-01-22 17:43
สิ่งนี้ถูกติดตั้งโดย Storybook ระหว่างการตั้งค่าอัตโนมัติ (Storybook 5.3 หรือใหม่กว่า)
- ขั้นตอนที่ 1: เพิ่มการพึ่งพา เพิ่ม @ หนังสือนิทาน / ตอบสนอง .
- ขั้นตอนที่ 2: เพิ่มสคริปต์ npm จากนั้นเพิ่มสคริปต์ NPM ต่อไปนี้ใน package.json ของคุณเพื่อเริ่มต้น หนังสือนิทาน ต่อไปในคู่มือนี้:
- ขั้นตอนที่ 3: สร้างไฟล์หลัก
- ขั้นตอนที่ 4: เขียนเรื่องราวของคุณ
นอกจากนี้ คุณใช้ Storybook With Reaction อย่างไร?
- การติดตั้ง Storybook โค้ด 2 บรรทัดนั้นจะติดตั้ง Storybook ในโครงการ React ของคุณ: cd my-project-directory
- อุปกรณ์เสริมลูกบิด. เป้าหมาย: แก้ไขคุณสมบัติขององค์ประกอบในแบบเรียลไทม์ใน Storybook
- ส่วนเสริม Storyshot เป้าหมาย: เพิ่มการทดสอบสแนปชอตของ Jest โดยอัตโนมัติในเรื่องราวทั้งหมดของคุณ
- โบนัส: เคล็ดลับเพิ่มเติม
ในทำนองเดียวกัน คุณโฮสต์ตอบสนองอย่างไร? โฮสต์เว็บไซต์ตาม React โดยไม่เสียค่าใช้จ่ายด้วย Firebase Hosting และเชื่อมต่อกับโดเมนที่คุณกำหนดเอง
- ขั้นตอนที่ 1: สร้างโครงการใหม่ใน Firebase Console
- ขั้นตอนที่ 2: ดาวน์โหลดและติดตั้ง Node.js
- ขั้นตอนที่ 3: ติดตั้งแพ็คเกจโหนดเส้นด้าย
- ขั้นตอนที่ 4: สร้างแอป React ใหม่
- ขั้นตอนที่ 5: ติดตั้งแพ็คเกจ firebase-tools npm
ในที่นี้ หนังสือนิทานสำหรับตอบสนองคืออะไร?
หนังสือนิทาน เป็นเครื่องมือโอเพ่นซอร์สสำหรับการพัฒนาส่วนประกอบ UI แยกสำหรับ ปฏิกิริยา , Vue และ Angular ทำให้การสร้าง UI ที่สวยงามมีระเบียบและมีประสิทธิภาพ เริ่มต้น ดูวิดีโอ ทำเพื่อ. ปฏิกิริยา.
ฉันจะเริ่มหนังสือนิทานได้อย่างไร
สิ่งนี้ถูกติดตั้งโดย Storybook ระหว่างการตั้งค่าอัตโนมัติ (Storybook 5.3 หรือใหม่กว่า)
- ขั้นตอนที่ 1: เพิ่มการพึ่งพา เพิ่ม @storybook/react
- ขั้นตอนที่ 2: เพิ่มสคริปต์ npm จากนั้นเพิ่มสคริปต์ NPM ต่อไปนี้ใน package.json ของคุณเพื่อเริ่มหนังสือนิทานในคู่มือนี้ในภายหลัง:
- ขั้นตอนที่ 3: สร้างไฟล์หลัก
- ขั้นตอนที่ 4: เขียนเรื่องราวของคุณ