What JSX is in [React] beginner guide

Humza Sajid Software Enginner

JSX (JavaScript XML) is a file type used by React which allows you to write javascript along with HTML.

We can say JSX is a friendship between javascript and HTML which makes its syntax easier to understand and make the application robust.

Let’s Understand JSX With An Example:

const smartphone = “Samsung S21”

const company= “SAMSUNG”

const JSXelement = <h1>Yo are using, {smartphone}! Manufactured by {company}</h1>


As the browser can’t understand JSX directly so Babel converts our code and make it understandable for the browsers.

Writte easy-to-understand JS , React explanations for myself and others.