scrimba
Frontend Career Path
React basics
React site
Custom Components part 2
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

AboutCommentsNotes
Custom Components part 2
Expand for more info
index.js
run
preview
console
/**
Challenge:

Part 2:
- Add a `header` element with a nested `nav` element. Inside the `nav`,
include a `img` element with the image of the React logo inside
(src="./react-logo.png") and make sure to set the width to something
more manageable so it doesn't take up the whole screen
- Add an `h1` with some text describing the page. (E.g. "Reasons
I'm excited to learn React"). Place it above the ordered list.
- Add a `footer` after the list that says:
"© 20xx <last name here> development. All rights reserved."

*/

import React from "react"
import ReactDOM from "react-dom"

function Page() {
return (
<ol>
<li>It's a popular library, so I'll be
able to fit in with the cool kids!</li>
<li>I'm more likely to get a job as a developer
if I know React</li>
</ol>
)
}

ReactDOM.render(<Page />, document.getElementById("root"))
Console
/index.html
-3:57