4. Konvensi Penamaan: Folder/index.tsx (Wajib)

Kita menggunakan pola Folder-based Component untuk menjaga kerapihan struktur dan enkapsulasi aset. Dilarang keras menggunakan file komponen tunggal di luar folder.

  • ✅ BENAR (ALLOWED):
    components/ui/Button/
    ├── index.tsx       # Main Component
    ├── types.ts        # Interface props
    └── styles.css      # Scoped styles
    
  • ❌ SALAH (FORBIDDEN):
    components/ui/button.tsx
    components/ui/Button.tsx
    
    Alasan: Pola folder memudahkan kita meletakkan file pendukung (test, styles, types) tanpa mengotori folder parent. Setiap komponen harus menjadi satu kesatuan unit (Encapsulated Unit).

© 2026 Bit Group Asia. All rights reserved.

ArchitectureSecurityGuidelines