diff --git a/pages/react/getting-started.mdx b/pages/react/getting-started.mdx
index 6cc872c..478b6f6 100644
--- a/pages/react/getting-started.mdx
+++ b/pages/react/getting-started.mdx
@@ -173,9 +173,8 @@ This comes with live reloading, so you can go into a file, change it, and see
the changes.
- 🐢 Software Engineering is about making changes and validating them as quickly
- as possible. If you're spending your time waiting for something, ask
- yourself, "is there a faster way?"
+ 🐢 Software Engineering is about making changes and validating them as quickly as possible. If
+ you're spending your time _waiting_ for something, ask yourself, "is there a faster way?"
## Demystifying the magic
@@ -314,9 +313,8 @@ Please delete the entire file and replace it with:
(For the sharp eyes, this is on line 31 of the file).
- 🐢 The div part of this isn't important. React looks{' '}
- any tag up with that id. And the specific tag isn't important
- either.
+ 🐢 The **div** part of this isn't important. React looks **any** tag up with that id. And the
+ specific tag isn't important either.
Save the file. Stop and restart the development server.
@@ -406,7 +404,7 @@ Clear out the file for the following:
{`
function App() {
- return <>Hello World>
+ return Hello World
}\n
export default App
`}
@@ -424,28 +422,25 @@ export default App
`import NameHere from './file'`.
- 🐢 You no longer need to import React from 'react' in your
- files with React 17.{' '}
-
- Details here.
-
+ 🐢 You no longer need to `import React from 'react'` in your files with React 17 or higher.
+ [Details here.](https://github.com/ethanmick/ethanmick.com/pull/66/files)
And that's the file! You can trim it down some more with ES 6 syntax:
{`
-export default () => <>Hello World>
+export default () => Hello World
`}
This is as small and simple as it can get. It exports a default function that
has **no** name. That function is a component, and it returns the JSX element of
-`<>Hello World>`.
+`Hello World`.
A React component needs to return JSX element, it can't return just a regular
string. This is why you can't return the literal `'Hello World`. You need to
-wrap it with the `<> ... >`.
+wrap it with the a tag, `span` in this instance.
When you trim this down, it will look like this:
@@ -458,9 +453,9 @@ When you trim this down, it will look like this:
(Not very exciting yet. But simple!)
- 🐢 Your linter may not like that single line. I know. It **isn't** good code.
- But it's short and simple, and you can explain every character. You will build
- it back up and understand the steps along the way.
+ 🐢 Your linter may not like that single line. I know. It **isn't** good code. But it's short and
+ simple, and you can explain every character. You will build it back up and understand the steps
+ along the way.
Moving on.
@@ -559,7 +554,7 @@ Go back to `App.tsx` and change the content to:
{`
-const App = () => <>Hello World>
+const App = () => Hello World
export default App
`}