how to use jsx code example

Example 1: html to jsx

1) Option One: Online
https://magic.reactjs.net/htmltojsx.htm
or
https://transform.tools/html-to-jsx

2) Option Two: System (assuming you have npm)
npm install html-to-jsx

Example 2: use jsx html

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

Example 3: javascript in jsx

const name = 'Josh Perez';
const element = <h1>Hello, {name}</h1>;
//notice the use of {...} to jump from jsx to javascript.
ReactDOM.render(
  element,
  document.getElementById('root')
);

Example 4: what is jsx

// JSX is an extension of JavaScript XML.
// Example
const element = <h1>Hello, world!</h1>;