React Tutorial : Create Article DIV, Heading, Sub Heading & Paragraph

<!doctype html>

<html>
<head>
<title>Page Title</title>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”initial-scale=1.0″>
</head>
<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>

<body>

<div id=”root”></div>
<script type=”text/javascript”>

const articleHeading = React.createElement(‘h2’, null, ‘My First Blog Post’);

const paragraph = React.createElement(‘p’, {className : ‘text’}, ‘This is Paragraph Text Contnet Here of MyFreeOnlineTools’);

const article = React.createElement(‘article’, null, articleHeading, paragraph );

const mainHeading = React.createElement(‘h1’, null, ‘My Blog’);

const main = React.createElement(‘main’, {id:’main’}, mainHeading, article);

ReactDOM.render(main, document.getElementById(‘root’));

</script>

</body>
</html>