FatherPhi video
React.js - Challenge 4 | FreeCodeCamp Tutorial
32 views · 1 likes
About this video
Vote for the next video here
👇👇👇
https://FatherPhi.com
Eleven labs is the crazy ai voice generation tool I use to fool ChatGPT
Try it out for free!👉 https://try.elevenlabs.io/6wbvspyzcq44
(Affiliate link)
For the weekly brief on accessible and practical Ai usage + updates on our latest mission join the newsletter
💌 https://master-of-ai.com
📩 For business inquiries please reach out to phi@fatherphi.com
And since people are asking.
The camera I use to shoot these videos
📹 DJI Osmos Pocket 3 👉 https://amzn.to/3O3Qw8R
Transcript
what's up guys today we're gonna learn
how to render HTML elements to the Dom
right so checking off these outputs that
we need the constant JSX
should return a div element and that div
should also contain an h1 tag and a
paragraph tag and the provided jada JSX
element should render to the Dom node
with the ID of challenge node well let's
get to it
and here we see that we need to put the
code after the JSX element has been
created already all we have to do is
call the react object use the render
method of it let's close it up so you
don't forget and then we feed it the
component to render just just gonna be
JSX then after that we have to tell it
where to go we can't just put the ID
challenge note because it doesn't know
what challenge no it is so we actually
have to call the document object which
contains the challenge node then we have
to tell it that we're calling it by ID
by an ID calling the node by its ID so
put in quotes challenge know
document I get element by o-type on my
part by ID there we go so now it's
render to the Dom hello world let's
render this to the dome
code phony and it's running well that's
it for today's video guys like subscribe
comment hit that Bell you know this is
code phony out I'll see you guys next
time thank you so much
how to render HTML elements to the Dom
right so checking off these outputs that
we need the constant JSX
should return a div element and that div
should also contain an h1 tag and a
paragraph tag and the provided jada JSX
element should render to the Dom node
with the ID of challenge node well let's
get to it
and here we see that we need to put the
code after the JSX element has been
created already all we have to do is
call the react object use the render
method of it let's close it up so you
don't forget and then we feed it the
component to render just just gonna be
JSX then after that we have to tell it
where to go we can't just put the ID
challenge note because it doesn't know
what challenge no it is so we actually
have to call the document object which
contains the challenge node then we have
to tell it that we're calling it by ID
by an ID calling the node by its ID so
put in quotes challenge know
document I get element by o-type on my
part by ID there we go so now it's
render to the Dom hello world let's
render this to the dome
code phony and it's running well that's
it for today's video guys like subscribe
comment hit that Bell you know this is
code phony out I'll see you guys next
time thank you so much