SSD React State — มาตรฐานการใช้งาน Redux

บริบท

SSD ใช้ Redux Toolkit สำหรับ global state management ใน React ทุก module ที่มี global state ต้องสร้าง slice ของตัวเอง และเพิ่มเข้า rootReducer ที่ src/redux/rootReducer.ts

หลักการทำงานของ Redux

Redux ทำงานผ่าน 3 ส่วนหลัก:

1. Store — ที่เก็บข้อมูล state ทั้งหมด
2. Action — คำสั่งพร้อม payload ที่ส่งให้ reducer เปลี่ยน state
3. Reducer — กระบวนการเปลี่ยน state ตาม action

Component ทำงานกับ Redux ด้วย:

• Subscribe (useAppSelector) — รับค่า state จาก store
• Dispatch (useAppDispatch) — ส่ง action ไปยัง reducer

กฎหลัก