Mengapa TypeScript?

TypeScript memberikan type safety yang membuat kode lebih maintainable dan mengurangi bug di production.

Setup TypeScript di React

Untuk project baru:

npx create-next-app@latest --typescript

Best Practices

• Gunakan interface untuk props components
• Avoid "any" type sebisa mungkin
• Manfaatkan generics untuk reusable components
• Gunakan utility types (Partial, Pick, Omit)

Contoh Praktis

interface ButtonProps {\n  label: string;\n  onClick: () => void;\n  variant?: "primary" | "secondary";\n}\n\nconst Button: React.FC<ButtonProps> = ({ label, onClick, variant = "primary" }) => {\n  return <button onClick={onClick}>{label}</button>;\n};

Tips

Gunakan strict mode di tsconfig.json untuk type checking yang lebih ketat. Ini akan membantu catch bugs lebih awal.