<div id="app"></div>
const app = document.querySelector('#app');
const root = ReactDOM.createRoot(app);

const content = React.createElement('p', {
  children: 'lorem lorem lorem lorem lorem lorem',
  key: 'content',
})

const element = React.createElement('h1', {
  children: ['Hello React', content],
})

root.render(element);
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/react@18/umd/react.development.js
  2. https://unpkg.com/react-dom@18/umd/react-dom.development.js