TSX (TypeScript XML) adalah JSX yang dikombinasikan dengan TypeScript. Memberikan static type checking untuk komponen React, menjadikannya standar untuk proyek React yang besar dan maintainable.
TSX menggabungkan fleksibilitas JSX dengan keamanan type TypeScript. Contoh: function App({ title }: { title: string }) { return <h1>{title}</h1> } - TypeScript memverifikasi bahwa prop 'title' adalah string. Fitur: type annotations untuk props, interfaces untuk komponen props,泛型 components, dan strict null checking. Sangat populer untuk proyek React enterprise dan large-scale applications. Konfigurasi: tsconfig.json dengan jsx: 'react-jsx' atau 'react-jsxdev'. TypeScript compiler atau esbuild mengkompilasi TSX ke JavaScript. Kekurangan: boilerplate untuk type definitions, dan compile time bertambah untuk proyek kompleks. TSX adalah pilihan default untuk: Next.js, Remix, dan proyek React modern.