JSX (JavaScript XML) adalah sintaksis ekstensi untuk React yang menggabungkan JavaScript dengan markup HTML-like dalam satu file. Menjadi standar de facto untuk menulis komponen React.
JSX memungkinkan menulis HTML-like markup di dalam kode JavaScript, yang kemudian dikompilasi oleh Babel atau SWC menjadi fungsi JavaScript murni (React.createElement). Contoh: <div className="app"><h1>Hello</h1></div> dikompilasi menjadi React.createElement('div', {className: 'app'}, React.createElement('h1', null, 'Hello')). JSX bukan HTML - menggunakan className (bukan class), htmlFor (bukan for), dan expression dalam kurung kurawal ({expression}). Keunggulan: kode komponen lebih mudah dibaca, visual hierarki UI jelas, dan type checking dengan TypeScript (TSX). JSX hanya dapat digunakan dengan React - framework lain (Vue, Svelte) memiliki syntax sendiri. React Compiler (experimental) akan mengoptimasi JSX rendering secara otomatis.