<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>React Plain</title>
</head>
<body>
<div id="root">React Not Rendered</div>
<script
crossorigin
src="https://unpkg.com/react@16/umd/react.development.js"
></script>
<script
crossorigin
src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"
></script>
<script>
const Persons = props =>
React.createElement("div", {}, [
React.createElement("h2", {}, props.name),
React.createElement("p", {}, props.email)
]);
const App = () =>
React.createElement("div", {}, [
React.createElement(Persons, {
name: "Ervin Howell",
email: "Sincere@april.biz"
}),
React.createElement(Persons, {
name: "Leanne Graham",
email: "Shanna@melissa.tv"
}),
React.createElement(Persons, {
name: "Clementine Bauch",
email: "Nathan@yesenia.net"
})
]);
ReactDOM.render(
React.createElement(App),
document.getElementById("root")
);
</script>
</body>
</html>
External CSS
This Pen doesn't use any external CSS resources.