# Ch-2 JSX/ES6

While surfing around the internet about react, everyone would have come across the terms like JSX, ES5, ES6 etc. These opaque acronyms can be a little confusing.

ES5(where ES stands for ECMAScript) is basically "regular JavaScript", where the numeric value stands for n^th update.

ES6 is a new version of JavaScript that adds some nice syntactical and functional additions.

### Render

All React components have a <mark>render</mark> function that specifies what the HTML output of our React component will be. **JSX** is a React **eXtension** that allows us to write JavaScript code that looks like HTML.

The following code uses a React component that renders an h1 HTML tag. JSX allows us to declare this element in a manner that closely resembles HTML.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686728120471/4e7a136a-614f-4ceb-a40c-31416b0d738c.png align="center")

The render( ) function in the HelloWorld component looks like it's returning HTML, but this is actually JSX. The JSX is translated to regular JavaScript at runtime.