First JSX Element in React

We can write a simple JSX element and render it to the page using ReactDOM.

Example:

const elem = <h2>Hello Mia</h2>;
ReactDOM.render(
  elem,
  document.getElementById('root')
);

This code creates an <h2> element and renders it inside the <div id="root"> in the HTML.

JSX lets us write HTML-like syntax inside JavaScript and needs to be compiled by Babel.

We import React to enable JSX and ReactDOM to render elements into the DOM.


Home About Links

Text me