JSX is a syntax extension of JavaScript. It is used with React to describe what the user interface should look like. By using JSX, we can write HTML structures in the same file that contains JavaScript code.

render(){
    return (
        <div>
            <h1> This is a JSX code</h1>
        </div>
    )
}