Name: Thought experiment: use .append() instead of ReactDOM.render()?
Uploaded: 2021-08-10T20:41:27.928Z
Duration: 5 min 28 s
Description: Thought experiment: use .append() instead of ReactDOM.render()?

scrimba

Watch in fullscreen

Thought experiment: use .append() instead of ReactDOM.render()?

by Bob Ziroll

The Frontend Developer Career Path

About

Comments

Notes

Project part 1 - markup (Update)5:33

Thought experiment: use .append() instead of ReactDOM.render()?

by Bob Ziroll

The Frontend Developer Career Path

Expand for more info

Project part 1 - markup (Update)5:33

index.js

run

preview

console

import React from "react"

/**
Challenge: find out what happens if we try to append JSX
to our div#root using .append() instead of ReactDOM

1. Create a sample page in JSX (≥ 4 elements) and save them in a variable
2. Select the div with the ID of "root" and use `.append()` to append
   your JSX
3. See if you can guess what will show up in the browser before running
   the code
4. See if you can explain what actually shows up in the browser
 */

import React from "react"

/**

Challenge: find out what happens if we try to append JSX

to our div#root using .append() instead of ReactDOM

1. Create a sample page in JSX (≥ 4 elements) and save them in a variable

2. Select the div with the ID of "root" and use `.append()` to append

your JSX

3. See if you can guess what will show up in the browser before running

the code

4. See if you can explain what actually shows up in the browser

-5:28