ทาง Storybook (SB) เพิ่งปล่อย version 7.0 ออกมาให้ใช้งานแล้ว
ซึ่งเป็น major version ที่ออกมาในรอบ 2 ปีกันเลย
ดังนั้นจึงมาการเปลี่ยนแปลงมากมาย
มาดูกันว่ามีอะไรบ้าง ?
- เปลี่ยน UI ใหม่
- สนับสนุน Vite โดย default
- สนับสนุน NextJS และ SvelteKit
- ปรับปรุงรูปแบบของ Component Story (Component Story Format 3 : CSF3)
- เอกสารสนับสนุน MDX2
- ปรับปรุงเรื่องของการ testing และ test coverage อีกด้วย
โดย Storybook ยังคงเน้นในเรื่องของ
- Component-driven development
- Documentation ของ component เช่น Doc Block
- การทดสอบแต่ละ component
- Integrate เข้ากับ Continuous Integration แบบง่าย ๆ
สิ่งที่ชอบมาก ๆ คือ testing และ coverage
ช่วยทำให้เราสามารถสร้างและทดสอบ UI component ที่มีความซับซ้อนได้ง่ายมากขึ้น
ทั้งการดึงข้อมูล การเปลี่ยน state และ การ render UI
รวมทั้งการ interact กับ component นั้น ๆ
โดยการใช้งาน library จะคล้ายกั[ Testing Library
ส่วนการทดสอบนั้นเป็นแบบ parallel testing อีกด้วย
และยังมี coverage report ให้อีก ตรงนี้สบายเลย
ลองใช้งานกันดูครับ
เปลี่ยนแปลงเยอะน่าดู