JSX, which stands for "JavaScript XML," is a syntax extension for JavaScript that is often used in React applications. It allows you to write HTML-like code within your JavaScript files. JSX makes it easier to define the structure of user interfaces in a more declarative and readable way.

 
JSX also allows you to embed JavaScript expressions within curly braces {}. This enables you to insert dynamic content, variables, and expressions within your JSX code.

Browsers do not understand JSX directly; it needs to be converted into regular JavaScript for execution by using Babel.

Add a HelloWorld.js file