Learn JSX - ReactJS Lesson 1

What is JSX?

JSX is a syntax extension for JavaScript used with React. It allows developers to write HTML-like code within JavaScript, making UI development easier and more readable.

How does JSX work?

• JSX allows embedding JavaScript expressions within curly braces { }.
• It must be compiled into standard JavaScript using a transpiler like Babel.
• JSX elements must have one parent element.

Task: Replace the <div> element with an <h1> element and write "Hello JSX!" inside it.

const JSX = <div>Hello World</div>; ReactDOM.render(JSX, document.getElementById('root'));