add isolated links

rhefner · Mar 16, 2020 · d8afa42 · d8afa42
1 parent bd7f1f8
commit d8afa42
Show file tree

Hide file tree

Showing 28 changed files with 54 additions and 58 deletions.
diff --git a/src/exercise/01.html b/src/exercise/01.html
@@ -1,12 +1,5 @@
 <!-- Basic JavaScript-rendered Hello World -->
-
-<!--
-  NOTE: you don't need to run any scripts or server to open this file. Instead,
-  you can open this file directly in your browser.
-  If you'd prefer, you can copy/paste the contents of this file in the HTML
-  input of a new pen on codepen:
-  https://codepen.io/pen
--->
+<!-- http://localhost:3000/isolated/exercise/01.html -->
 
 <!-- These instructions are to be written in HTML -->
 <!-- 🐨 Create (in HTML) a <body> with a <div> with the id of "root" -->

diff --git a/src/exercise/02.html b/src/exercise/02.html
@@ -1,16 +1,12 @@
 <!-- Intro to raw React APIs -->
-
-<!--
-  Open this file in your browser,
-  or copy/paste this to a new codepen: https://codepen.io/pen
--->
+<!-- http://localhost:3000/isolated/exercise/02.html -->
 
 <body>
   <div id="root"></div>
 
   <!-- 💣 remove this line
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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>
   💣 remove this line -->
 
   <script type="module">

diff --git a/src/exercise/03.html b/src/exercise/03.html
@@ -1,14 +1,10 @@
 <!-- Using JSX -->
-
-<!--
-  Open this file in your browser,
-  or copy/paste this to a new codepen: https://codepen.io/pen
--->
+<!-- http://localhost:3000/isolated/exercise/03.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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>
 
   <!-- 💣 remove this line
   <script src="https://unpkg.com/@babel/standalone@7.8.3/babel.js"></script>

diff --git a/src/exercise/04.html b/src/exercise/04.html
@@ -1,14 +1,10 @@
 <!-- Creating custom components -->
-
-<!--
-  Open this file in your browser,
-  or copy/paste this to a new codepen: https://codepen.io/pen
--->
+<!-- http://localhost:3000/isolated/exercise/04.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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 type="text/babel">
     // 🐨 Make a function called `message` which returns the JSX we want to share

diff --git a/src/exercise/05.js b/src/exercise/05.js
@@ -1,4 +1,5 @@
 // Styling
+// http://localhost:3000/isolated/exercise/05.js
 
 /*
 For the rest of the exercises, you can now run things locally with `npm start`

diff --git a/src/exercise/06.js b/src/exercise/06.js
@@ -1,4 +1,5 @@
 // Basic Forms
+// http://localhost:3000/isolated/exercise/06.js
 
 import React from 'react'
 

diff --git a/src/exercise/07.js b/src/exercise/07.js
@@ -1,4 +1,5 @@
 // Dynamic Forms
+// http://localhost:3000/isolated/exercise/07.js
 
 import React from 'react'
 

diff --git a/src/exercise/08.js b/src/exercise/08.js
@@ -1,4 +1,5 @@
 // Controlled Forms
+// http://localhost:3000/isolated/exercise/08.js
 
 import React from 'react'
 

diff --git a/src/exercise/09.js b/src/exercise/09.js
@@ -1,4 +1,5 @@
 // Rendering Lists
+// http://localhost:3000/isolated/exercise/09.js
 
 import React from 'react'
 

diff --git a/src/exercise/09.md b/src/exercise/09.md
@@ -74,16 +74,11 @@ pretty simple. Just do what the emoji says :)
 
 ### 💯 Focus Demo
 
-This extra credit is 100% demo. You can find it by going to this route:
-/isolated/exercises-final/09.extra-1
-
-Here's a deployed version:
-https://react-fundamentals.netlify.com/isolated/exercises-final/09.extra-1
-
-From here you can observe that state also includes keyboard focus as well as
-selection! You'll also notice that using the array `index` as a key is no
-different from React's default behavior, so it's unlikely to fix issues if
-you're having them. Best to use a unique ID. Play around with it!
+This extra credit is 100% demo. You can observe that state also includes
+keyboard focus as well as selection! You'll also notice that using the array
+`index` as a key is no different from React's default behavior, so it's unlikely
+to fix issues if you're having them. Best to use a unique ID. Play around with
+it!
 
 ## 🦉 Elaboration and Feedback
 

diff --git a/src/final/01.extra-1.html b/src/final/01.extra-1.html
@@ -1,5 +1,6 @@
 <!-- Basic JavaScript-rendered Hello World -->
 <!-- 💯 generate the root node -->
+<!-- http://localhost:3000/isolated/final/01.extra-1.html -->
 
 <body>
   <script type="module">

diff --git a/src/final/01.html b/src/final/01.html
@@ -1,4 +1,5 @@
 <!-- Basic JavaScript-rendered Hello World -->
+<!-- http://localhost:3000/isolated/final/01.html -->
 
 <body>
   <div id="root"></div>

diff --git a/src/final/02.extra-1.html b/src/final/02.extra-1.html
@@ -1,10 +1,11 @@
 <!-- Intro to raw React APIs -->
 <!-- 💯 nesting elements -->
+<!-- http://localhost:3000/isolated/final/02.extra-1.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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 type="module">
     const rootElement = document.getElementById('root')
     const element = React.createElement('div', {

diff --git a/src/final/02.html b/src/final/02.html
@@ -1,9 +1,10 @@
 <!-- Intro to raw React APIs -->
+<!-- http://localhost:3000/isolated/final/02.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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 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
@@ -1,10 +1,11 @@
 <!-- Using JSX -->
 <!-- 💯 interpolate className and children -->
+<!-- http://localhost:3000/isolated/final/03.extra-1.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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 type="text/babel">
     const children = 'Hello World'

diff --git a/src/final/03.extra-2.html b/src/final/03.extra-2.html
@@ -1,10 +1,11 @@
 <!-- Using JSX -->
 <!-- 💯 spread props -->
+<!-- http://localhost:3000/isolated/final/03.extra-2.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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 type="text/babel">
     const children = 'Hello World'

diff --git a/src/final/03.html b/src/final/03.html
@@ -1,9 +1,10 @@
 <!-- Using JSX -->
+<!-- http://localhost:3000/isolated/final/03.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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 type="text/babel">
     const element = <div className="container">Hello World</div>

diff --git a/src/final/04.extra-1.html b/src/final/04.extra-1.html
@@ -1,10 +1,11 @@
 <!-- Creating custom components -->
 <!-- 💯 using a custom component with React.createElement -->
+<!-- http://localhost:3000/isolated/final/04.extra-1.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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 type="text/babel">
     // This is being used as a component. But it's still not quite awesome yet.

diff --git a/src/final/04.extra-2.html b/src/final/04.extra-2.html
@@ -1,10 +1,11 @@
 <!-- Creating custom components -->
 <!-- 💯 using a custom component with JSX -->
+<!-- http://localhost:3000/isolated/final/04.extra-2.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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 type="text/babel">
     // This is being used as a component 🎉

diff --git a/src/final/04.html b/src/final/04.html
@@ -1,9 +1,10 @@
 <!-- Creating custom components -->
+<!-- http://localhost:3000/isolated/final/04.html -->
 
 <body>
   <div id="root"></div>
-  <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
-  <script src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.development.js"></script>
+  <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 type="text/babel">
     // NOTE: this is NOT being used as a component. We're not quite there yet.

diff --git a/src/final/05.extra-1.js b/src/final/05.extra-1.js
@@ -1,6 +1,6 @@
 // Styling
 // 💯 Custom component that encapsulates styling
-// http://localhost:3000/isolated/exercises-final/05.extra-1
+// http://localhost:3000/isolated/final/05.extra-1.js
 
 import React from 'react'
 

diff --git a/src/final/05.js b/src/final/05.js
@@ -1,4 +1,5 @@
 // Styling
+// http://localhost:3000/isolated/final/05.js
 
 import React from 'react'
 

diff --git a/src/final/06.extra-1.js b/src/final/06.extra-1.js
@@ -1,6 +1,6 @@
 // Basic Forms
 // 💯 using refs
-// http://localhost:3000/isolated/exercises-final/06.extra-1
+// http://localhost:3000/isolated/final/06.extra-1.js
 
 import React from 'react'
 

diff --git a/src/final/06.js b/src/final/06.js
@@ -1,4 +1,5 @@
 // Basic Forms
+// http://localhost:3000/isolated/final/06.js
 
 import React from 'react'
 

diff --git a/src/final/07.js b/src/final/07.js
@@ -1,4 +1,5 @@
 // Dynamic Forms
+// http://localhost:3000/isolated/final/07.js
 
 import React from 'react'
 

diff --git a/src/final/08.js b/src/final/08.js
@@ -1,4 +1,5 @@
 // Controlled Forms
+// http://localhost:3000/isolated/final/08.js
 
 import React from 'react'
 

diff --git a/src/final/09.extra-1.js b/src/final/09.extra-1.js
@@ -1,6 +1,6 @@
 // Rendering Lists
 // 💯 Focus Demo
-// http://localhost:3000/isolated/exercises-final/09.extra-1
+// http://localhost:3000/isolated/final/09.extra-1.js
 
 import React from 'react'
 

diff --git a/src/final/09.js b/src/final/09.js
@@ -1,4 +1,5 @@
 // Rendering Lists
+// http://localhost:3000/isolated/final/09.js
 
 import React from 'react'