การจัดการ State ใน React: จาก useState สู่ Zustand

State management เป็นหัวข้อที่ถกเถียงมากที่สุดในโลก React มี library มากมาย แต่ต้องเข้าใจ built-in tools ก่อน

useState: จุดเริ่มต้น

เหมาะกับ local state ใน component เดียว เช่น toggle, form input ไม่ต้องใช้ library ใหญ่สำหรับ state ง่าย ๆ

Context API

แชร์ state ข้าม component ลด prop drilling แต่เมื่อ value เปลี่ยน ทุก consumer จะ re-render จึงไม่เหมาะกับ state ที่เปลี่ยนบ่อย

Zustand

เบา ใช้ง่าย สร้าง store ด้วยฟังก์ชันเดียว ไม่ต้อง wrap provider component re-render เฉพาะ state ที่ subscribe เท่านั้น