add-react-to-website-tutorial/index.html at master · brickbones/add-react-to-website-tutorial · GitHub

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
40
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>React</title>
  </head>
  <body>
    <div class="container">
      <h1>React</h1>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui est amet
        culpa eveniet! Temporibus commodi dolor ad molestias cumque tenetur
        perspiciatis eum distinctio amet, ex obcaecati nesciunt magnam autem
        cupiditate rem adipisci blanditiis voluptates! Expedita, aperiam
        voluptates asperiores perferendis nemo ratione nostrum sunt rem,
        incidunt facere officiis tempore autem blanditiis.
      </p>
      <div class="welcome-back"></div>
    </div>

    <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.production.min.js"
      crossorigin
    ></script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

    <script type="text/babel" src="WelcomeBack.js"></script>
    <script type="text/babel" src="CoolButton.js"></script>

    <script type="text/babel">
      ReactDOM.render(<WelcomeBack />, document.querySelector(".welcome-back"));
    </script>
  </body>
</html>