กลับไปหน้าหลัก

บทที่ 10: State Management (Zustand)

Zustand Store
Persist Middleware
DevTools
TypeScript

🚀 Zustand คืออะไร?

Zustand เป็น state management library ที่เล็ก เร็ว และใช้งานง่ายสำหรับ React ไม่ต้อง boilerplate code เยอะๆ เหมือน Redux

✅ ข้อดีของ Zustand
  • เล็กและเร็ว (2.9kb gzipped)
  • ไม่ต้อง Provider wrapper
  • TypeScript support ดีเยี่ยม
  • ใช้งานง่าย ไม่ซับซ้อน
  • มี middleware เยอะ
🆚 เทียบกับ Redux
Redux:

• ต้อง actions, reducers, dispatch
• ต้อง Provider wrapper
• Boilerplate code เยอะ
• เหมาะกับ app ใหญ่ๆ

Zustand:

• เขียน logic ตรงไปตรงมา
• ไม่ต้อง Provider
• Code น้อย เข้าใจง่าย
• เหมาะกับ app ทุกขนาด