<div id="mountNode1" class="mountNode"></div>
<div id="mountNode2" class="mountNode"></div>
*, *:before, *:after {
  box-sizing: border-box;
}

.mountNode > div {
  border: 1px solid #ccc;
  margin: 1em;
  padding: 1em;
}

.mountNode input {
  display: block;
  margin: 1rem 0;
}

.mountNode pre {
  background-color: white;
}
document.getElementById('mountNode1').innerHTML = `
	<div>
    Hello Native Web API
  </div>
`;

ReactDOM.render(
  React.createElement(
    'div', 
    null, 
    'Hello React',
  ),
  document.getElementById('mountNode2'),
);
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

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