leoxwebdev
diff --git a/‎03-jsx.html
Lines changed: 2 additions & 1 deletion b/‎03-jsx.html
Lines changed: 2 additions & 1 deletion
diff --git a/‎04-jsx-tricks.html
Lines changed: 14 additions & 0 deletions b/‎04-jsx-tricks.html
Lines changed: 14 additions & 0 deletions
diff --git a/‎04-fragments.html renamed to ‎05-fragments.html b/‎04-fragments.html renamed to ‎05-fragments.html
diff --git a/‎05-custom-component.html renamed to ‎06-custom-component.html b/‎05-custom-component.html renamed to ‎06-custom-component.html
diff --git a/‎06-prop-types.html renamed to ‎07-prop-types.html
Lines changed: 3 additions & 4 deletions b/‎06-prop-types.html renamed to ‎07-prop-types.html
Lines changed: 3 additions & 4 deletions
diff --git a/‎07-conditional-jsx.html renamed to ‎08-conditional-jsx.html b/‎07-conditional-jsx.html renamed to ‎08-conditional-jsx.html
diff --git a/‎08-re-render.html renamed to ‎09-re-render.html b/‎08-re-render.html renamed to ‎09-re-render.html
diff --git a/‎09-styling.html renamed to ‎10-styling.html b/‎09-styling.html renamed to ‎10-styling.html
diff --git a/‎10-event-handlers.html renamed to ‎11-event-handlers.html b/‎10-event-handlers.html renamed to ‎11-event-handlers.html
diff --git a/‎11-state.html renamed to ‎12-state.html b/‎11-state.html renamed to ‎12-state.html
diff --git a/‎12-side-effects.html renamed to ‎13-side-effects.html b/‎12-side-effects.html renamed to ‎13-side-effects.html
diff --git a/‎13-lazy-initialization.html renamed to ‎14-lazy-initialization.html b/‎13-lazy-initialization.html renamed to ‎14-lazy-initialization.html
diff --git a/‎14-effect-deps.html renamed to ‎15-effect-deps.html b/‎14-effect-deps.html renamed to ‎15-effect-deps.html
diff --git a/‎15-custom-hooks.html renamed to ‎16-custom-hooks.html b/‎15-custom-hooks.html renamed to ‎16-custom-hooks.html
diff --git a/‎16-dom-refs.html renamed to ‎17-dom-refs.html b/‎16-dom-refs.html renamed to ‎17-dom-refs.html
diff --git a/‎17-basic-forms.html renamed to ‎18-basic-forms.html b/‎17-basic-forms.html renamed to ‎18-basic-forms.html
diff --git a/‎18-dynamic-forms.html renamed to ‎19-dynamic-forms.html b/‎18-dynamic-forms.html renamed to ‎19-dynamic-forms.html
diff --git a/‎19-controlled-forms.html renamed to ‎20-controlled-forms.html b/‎19-controlled-forms.html renamed to ‎20-controlled-forms.html
diff --git a/‎20-error-boundaries.html renamed to ‎21-error-boundaries.html b/‎20-error-boundaries.html renamed to ‎21-error-boundaries.html
diff --git a/‎21-rendering-lists.html renamed to ‎22-rendering-lists.html b/‎21-rendering-lists.html renamed to ‎22-rendering-lists.html
diff --git a/‎22-lifting-and-colocating.html renamed to ‎23-lifting-and-colocating.html b/‎22-lifting-and-colocating.html renamed to ‎23-lifting-and-colocating.html
diff --git a/‎23-http.html renamed to ‎24-http.html b/‎23-http.html renamed to ‎24-http.html
@@ -4,7 +4,8 @@
   <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
   <script src="https://unpkg.com/@babel/[email protected]/babel.js"></script>
   <script type="text/babel">
+    const rootElement = document.getElementById('root')
     const element = <div className="container">Hello World</div>
-    ReactDOM.render(element, document.getElementById('root'))
+    ReactDOM.render(element, rootElement)
   </script>
 </body>
@@ -0,0 +1,14 @@
+<body>
+  <div id="root"></div>
+  <script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
+  <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/[email protected]/babel.js"></script>
+  <script type="text/babel">
+    const rootElement = document.getElementById('root')
+    const children = 'Hello World'
+    const className = 'container'
+    const props = {children, className}
+    const element = <div {...props} />
+    ReactDOM.render(element, rootElement)
+  </script>
+</body>
@@ -1,7 +1,7 @@
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
-  <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script>
+  <script src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script>
   <script src="https://unpkg.com/@babel/[email protected]/babel.js"></script>
   <script src="https://unpkg.com/[email protected]/prop-types.js"></script>
   <script type="text/babel">
@@ -14,13 +14,12 @@
         </div>
       )
     }
-
     SayHello.propTypes = {
       firstName: PropTypes.string.isRequired,
       lastName: PropTypes.string.isRequired,
     }
 
-    const element = <SayHello firstName="Sonic" lastName="The Hedgehog" />
+    const element = <SayHello firstName={false} />
 
     ReactDOM.render(element, rootElement)
   </script>