JSX کتابخانه ای از جاوااسکریپت است که برای نوشتن صفحات HTML در react استفاده می شود.استفاده از JSX در react الزامی نیست اما نوشتن کدهای HTML در react را آسانتر می  کند.با استفاده از JSX نیازی به createElement  و appendChild نداریم.

در مثال زیر یک تکه کد بدون JSX   داریم:

const myelement = React.createElement('h1', {}, 'WITHOUT JSX!');

ReactDOM.render(myelement, document.getElementById('root'));

اما با JSX بصورت زیر می شود:

const myelement = <h1>WITH JSX!</h1>;

ReactDOM.render(myelement, document.getElementById('root'));

همانطور که میبینیم با JSX کدنویسی ساده تر شده است.