day 02 begin

5 years ago · 3a124896f6
parent ab2ef2bf19
commit 3a124896f6
1 changed files with 26 additions and 1 deletions
--- a/solutions/day-02/index.html
+++ b/solutions/day-02/index.html
@ -8,7 +8,32 @@

  <body>
    <div class="root"></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 src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script type="text/babel">

-    <script></script>
+      // To get the root element from the HTML document
+      const rootElement = document.querySelector('.root')
+
+      // JSX element
+      const header = (
+        <header>
+          <h1>Welcome to 30 Days Of React</h1>
+          <h2>Getting Started React</h2>
+          <h3>JavaScript Library</h3>
+          <p>Asabeneh Yetayeh</p>
+          <small>Oct 2, 2020</small>
+        </header>
+      )
+      // we render the JSX element using the ReactDOM package
+      // ReactDOM has the render method and the render method takes two arguments
+      ReactDOM.render(header, rootElement)
+
+    </script>
  </body>
 </html>