.windsurfrules

ภาพรวม

ไฟล์นี้ประกอบด้วยกฎและแนวปฏิบัติเฉพาะสำหรับการพัฒนา React ในโปรเจคนี้

กฎการพัฒนา

โครงสร้างคอมโพเนนต์

ใช้ functional components ร่วมกับ TypeScript
ทำให้คอมโพเนนต์เล็กและโฟกัสเฉพาะงาน
แยกความรับผิดชอบด้วย custom hooks

การจัดสไตล์

ใช้ CSS Modules หรือ styled-components
หลีกเลี่ยงการเขียนสไตล์แบบ inline
ปฏิบัติตาม design system tokens ที่กำหนด

การจัดการ state

ใช้ context สำหรับ state ระดับแอปพลิเคชัน
พิจารณาใช้ Zustand สำหรับ state ที่มีความซับซ้อน
หลีกเลี่ยงการส่ง props ผ่านหลายชั้นคอมโพเนนต์