Each language in programing has it's own rules. For example, Java,node,php,python,angular,vue as well as react. Next come to with me to complete the application.
Environment Building
You can use yo,node and other packaging tools to build the environment. As I download before, so I can import them just like this.
The structure is like this.
Now let's start working with the API ReactDom.render(template,selector)
You can treat it as a html template to build a react application.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../js/bootstrap.css">
<script src="../js/react.js"></script>
<script src="../js/react-dom.js"></script>
<script src="../js/browser.js"></script>
<title>React</title>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
</script>
</body>
</html>
Hello World
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>
Ok, you will find the result in chrome.
