-
Notifications
You must be signed in to change notification settings - Fork 99
/
umd-demo.html
39 lines (37 loc) · 1.38 KB
/
umd-demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Add React in One Minute</title>
</head>
<body>
<h2>Add React in One Minute</h2>
<p>This page demonstrates using React with no build tooling.</p>
<p>React is loaded as a script tag.</p>
<!-- We will put our React component inside this div. -->
<div id="root"></div>
<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<!-- <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> -->
<script
src="https://unpkg.com/react@16/umd/react.production.min.js"
crossorigin
></script>
<!-- <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script> -->
<script
src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"
crossorigin
></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="https://unpkg.com/[email protected]/umd/hox.js"></script>
<script src="https://unpkg.com/[email protected]"></script>
<!-- <script src="./lib/umd/hox.js"></script> -->
<script type="text/babel">
const domContainer = document.querySelector('#root')
function App() {
return <div>123</div>
}
ReactDOM.render(<App />, domContainer)
</script>
</body>
</html>