small edits

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

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/exercise/03.html b/src/exercise/03.html
@@ -23,6 +23,8 @@
     // 💰 there are a few subtle differences between JSX and HTML. One such
     // difference is how you apply a class to an element in JSX is by using
     // `className` rather than `class`!
+    // 📜 You can learn the differences between JSX and HTML syntax from the React docs here:
+    // https://reactjs.org/docs/dom-elements.html#differences-in-attributes
 
     ReactDOM.render(element, document.getElementById('root'))
   </script>

diff --git a/src/exercise/03.md b/src/exercise/03.md
@@ -31,6 +31,11 @@ application to the browser, but because Babel is written in JavaScript we can
 actually run it _in_ the browser to compile our code on the fly and that's what
 we'll do in this exercise.
 
+So we'll include a script tag for Babel, then we'll update our own script tag to
+tell Babel to compile it for us on the fly. When you're done, you should notice
+the compiled version of the code appears in the `<head>` of the DOM (which you
+can inspect using DevTools).
+
 ## Extra Credit
 
 ### 💯 interpolate className and children
@@ -47,7 +52,7 @@ const message = `${greeting} ${subject}`
 ```
 
 See if you can figure out how to extract the `className` (`"container"`) and
-`children` (`Hello World`) to variables and interpolate them in the JSX.
+`children` (`"Hello World"`) to variables and interpolate them in the JSX.
 
 ```jsx
 const className = 'container'
@@ -86,7 +91,7 @@ Or, it could be written like this:
 const element = React.createElement('div', {...props})
 ```
 
-See if you can figure out how to make that work now.
+See if you can figure out how to make that work with JSX.
 
 📜 https://reactjs.org/docs/jsx-in-depth.html#spread-attributes