JSFiddle - React, Tailwind, and code Playground

by herodrigues

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>React Hello World</title>
    <meta charset="UTF-8" />

    <script src="https://unpkg.com/react@^16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@^16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/@babel/[email protected]/babel.min.js"></script>    
    <script type="text/babel" src="src/index.js"></script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

JavaScript

function Greetings (props) {
  return React.createElement(
    'h1',
    null,
    `Hi, ${props.name}`
  );
}

ReactDOM.render(
	React.createElement(Greetings, { name: "Herinson" }), 
  document.querySelector('#root')
);