JSX examples

jsx.js

export const App = () => {
  return (
    <main id="root">
      <h1>Hello Folks!</h1>
      <p>
        Random question: 
        Is <strong>FC Barcelona</strong> win any match in the Champions League this season? 
        </p>
    </main>
  );
}

export default App;

// jsx code above will be compiled to the regular JavaScript: 

export const App = () => {
  return React.createElement(
    "main",
    { id: "root" },
    React.createElement(
      "h1",
      null,
      "Hello Folks!"
    ),
    React.createElement(
      "p",
      null,
      "Random question: Is ",
      React.createElement(
        "strong",
        null,
        "FC Barcelona"
      ),
      " win any match in the Champions League this season?"
    )
  );
};

export default App;

Read more: https://marcin-kwiatkowski.com/blog/what-is-jsx-and-is-it-worth-making-friends-with-it