scrimba
React Bootcamp Course
React's Tree Rendering 🌳
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

React's Tree Rendering 🌳
AboutCommentsNotes
React's Tree Rendering 🌳
Expand for more info
App.js
run
preview
console
import React, {Component} from "react"
import GrandParent from "./GrandParent"

class App extends Component {
render() {
console.log("[GP] [P] [C] [GC] APP just rendered")
return (
<div>
<p>I'm the App component</p>
<GrandParent />
<GrandParent />
</div>
)
}
}

export default App
Console
β€Ί
"[GP] [P] [C] [GC] APP just rendered"
,
β€Ί
"[πŸ‘΄πŸΌ] [ ] [ ] [ ] rendered"
,
β€Ί
"[ ] [πŸ‘©πŸΌβ€βš•οΈ] [ ] [ ] rendered"
,
β€Ί
"[ ] [ ] [πŸ§’πŸ»] [ ] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [πŸ§’πŸ»] [ ] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [πŸ‘©πŸΌβ€βš•οΈ] [ ] [ ] rendered"
,
β€Ί
"[ ] [ ] [πŸ§’πŸ»] [ ] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [πŸ§’πŸ»] [ ] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[πŸ‘΄πŸΌ] [ ] [ ] [ ] rendered"
,
β€Ί
"[ ] [πŸ‘©πŸΌβ€βš•οΈ] [ ] [ ] rendered"
,
β€Ί
"[ ] [ ] [πŸ§’πŸ»] [ ] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [πŸ§’πŸ»] [ ] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [πŸ‘©πŸΌβ€βš•οΈ] [ ] [ ] rendered"
,
β€Ί
"[ ] [ ] [πŸ§’πŸ»] [ ] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [πŸ§’πŸ»] [ ] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
β€Ί
"[ ] [ ] [ ] [πŸ‘ΆπŸ»] rendered"
,
/index.html
-4:29