Search code examples
javascriptreactjsjsx

What is JSX, when is it used, and why is it used

I'm learning React and I keep on hearing the phrase JSX.

I've tried watching videos about it but I still don't understand what it is.

I've also had a look at the documentation but my head is still scrambled I've had a look at JSX and to me it just looks like regular HTML.

What is JSX and what is the difference between JSX and HTML?

Solution

  • JSX is what react uses to render content to page. JSX stands for JavaScript as XML, hence it’s HTML like syntax. The extra features of JSX that don’t come with just plain HTML is things like conditional rendering and dynamic content an example of each.

    {showContent ? <p>This is content</p> : null}

    <p>{counter} </p>