update html file versions

rhefner · Mar 23, 2020 · 8d2d7d1 · 8d2d7d1
1 parent 8f6a1c0
commit 8d2d7d1
Show file tree

Hide file tree

Showing 12 changed files with 32 additions and 32 deletions.
diff --git a/src/exercise/02.html b/src/exercise/02.html
@@ -5,8 +5,8 @@
   <div id="root"></div>
 
   <!-- 💣 remove this line
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
   💣 remove this line -->
 
   <script type="module">

diff --git a/src/exercise/03.html b/src/exercise/03.html
@@ -3,11 +3,11 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
 
   <!-- 💣 remove this line
-  <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>
+  <script src="https://unpkg.com/@babel/standalone@7.9.3/babel.js"></script>
   💣 remove this line -->
 
   <script type="module">

diff --git a/src/exercise/03.md b/src/exercise/03.md
@@ -15,10 +15,10 @@ const ui = React.createElement('h1', {id: 'greeting', children: 'Hey there'})
 ```
 
 Because JSX is not actually JavaScript, you have to convert it using something
-called a code compiler. Babel is one such tool.
+called a code compiler. [Babel](https://babeljs.io) is one such tool.
 
 🦉 Protip: If you'd like to see how JSX gets compiled to JavaScript,
-[check out the online babel REPL here](https://babeljs.io/repl).
+[check out the online babel REPL here](https://babeljs.io/repl#?builtIns=usage&code_lz=MYewdgzgLgBArgSxgXhgHgCYIG4D40QAOAhmLgBICmANtSGgPRGm7rNkDqIATtRo-3wMseAFBA&presets=react&prettier=true).
 
 If you can train your brain to look at JSX and see the compiled version of that
 code, you'll be MUCH more effective at reading and using it! I strongly

diff --git a/src/exercise/04.html b/src/exercise/04.html
@@ -3,9 +3,9 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
-  <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone@7.9.3/babel.js"></script>
   <script type="text/babel">
     // 🐨 Make a function called `message` which returns the JSX we want to share
 

diff --git a/src/final/02.extra-1.html b/src/final/02.extra-1.html
@@ -4,8 +4,8 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
   <script type="module">
     const rootElement = document.getElementById('root')
     const element = React.createElement('div', {

diff --git a/src/final/02.html b/src/final/02.html
@@ -3,8 +3,8 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
   <script type="module">
     const rootElement = document.getElementById('root')
     const element = React.createElement('div', {

diff --git a/src/final/03.extra-1.html b/src/final/03.extra-1.html
@@ -4,9 +4,9 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
-  <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone@7.9.3/babel.js"></script>
   <script type="text/babel">
     const children = 'Hello World'
     const className = 'container'

diff --git a/src/final/03.extra-2.html b/src/final/03.extra-2.html
@@ -4,9 +4,9 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
-  <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone@7.9.3/babel.js"></script>
   <script type="text/babel">
     const children = 'Hello World'
     const className = 'container'

diff --git a/src/final/03.html b/src/final/03.html
@@ -3,9 +3,9 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
-  <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone@7.9.3/babel.js"></script>
   <script type="text/babel">
     const element = <div className="container">Hello World</div>
     ReactDOM.render(element, document.getElementById('root'))

diff --git a/src/final/04.extra-1.html b/src/final/04.extra-1.html
@@ -4,9 +4,9 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
-  <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone@7.9.3/babel.js"></script>
   <script type="text/babel">
     // This is being used as a component. But it's still not quite awesome yet.
     function message({children}) {

diff --git a/src/final/04.extra-2.html b/src/final/04.extra-2.html
@@ -4,9 +4,9 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
-  <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone@7.9.3/babel.js"></script>
   <script type="text/babel">
     // This is being used as a component 🎉
     function Message({children}) {

diff --git a/src/final/04.html b/src/final/04.html
@@ -3,9 +3,9 @@
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.13.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.13.0/umd/react-dom.development.js"></script>
-  <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>
+  <script src="https://unpkg.com/react@16.13.1/umd/react.development.js"></script>
+  <script src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js"></script>
+  <script src="https://unpkg.com/@babel/standalone@7.9.3/babel.js"></script>
   <script type="text/babel">
     // NOTE: this is NOT being used as a component. We're not quite there yet.
     function message({children}) {