Struktur Folder dan Konvensyen Penamaan

src/
  main.jsx
  App.jsx
  index.css

src/
  features/
    auth/
      LoginForm.jsx
      LoginForm.test.jsx
      useLogin.js
    dashboard/
      Dashboard.jsx
      useDashboardData.js
  components/     <- shared UI only
  hooks/          <- shared hooks
  lib/            <- utilities

// src/features/auth/index.js
export { LoginForm } from './LoginForm';
export { useLogin } from './useLogin';

// Consumer
import { LoginForm } from '@/features/auth';

// vite.config.js
resolve: {
  alias: { '@': path.resolve(__dirname, 'src') }
}

// src/config.js
export const API_BASE = import.meta.env.VITE_API_URL;