Component Naming

Naming Conventions Table

Category	Naming Rule	Usage Example	Notes
Component Files	PascalCase (.tsx)	UserProfile.tsx	ไฟล์ component ต้องใช้ .tsx
Component Names	PascalCase	<UserProfile />	ใช้ทั้งการประกาศและเรียกใช้
Props	camelCase	userData={data}	ใช้ทั้งใน interface และ JSX
Custom Hooks	camelCase (useXxx)	useUserData()	ต้องขึ้นต้นด้วย "use"
Context	PascalCase	UserContext	รวมทั้ง Provider และ Hook
Variables	camelCase	const userData = ...	ใช้ทั้งใน component และ hook
Type/Interface	PascalCase	interface UserData	ใช้สำหรับ TypeScript types
Constants	UPPER_CASE	MAX_ITEMS = 10	ใช้สำหรับค่าคงที่
Test Files	.test.tsx	UserProfile.test.tsx	ใช้สำหรับไฟล์ทดสอบ