FatherPhi video
React.js - Challenge 2 | FreeCodeCamp Tutorial
48 views · 5 likes · 1 comments
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 Co Tony's today we're gonna
talk about how to make a complex JSX
element you're right so here we're
creating this complex JSX element and
again we're just gonna skip the words
all that text you can pause here and
read it yourself if you like but we're
gonna go straight to the outputs out
necessary to pass this test so first
we're gonna need the constant J sex
returning a div element okay and then
next we're gonna have to have that div
element contain a P tag as a second
element the h1 is gonna be the first
element and the unordered list is gonna
be the third element and this unordered
list is gonna contain three list
elements list item elements and we're
gonna jump into the coding now start by
saying okay so we need a constant JSX it
needs to return a dude this is optional
but I'm going to put everything inside
of parenthesis just because I like to
keep it neat so we're gonna start by
opening up the wrapper what to do then
they want in h1 for the first element
let's close it
let's put code phony inside okay then
next you want a paragraph tag let's do
just whatever next an unordered list
let's close the unordered list and some
and they want three allies so one two
thirty that's all and then as you can
see there's no output that's because
there's no parent rapper yet that's
completed so now you see the instant I
put the the I closed the div it compiled
alright you can see here that it passes
the test this is a another pretty simple
exercise you know if you like what I'm
doing like subscribe hit that Bell know
and you can see some more of my videos
and hopefully we can be friends or
something you know well that's it for
today go pony out see y'all next time
talk about how to make a complex JSX
element you're right so here we're
creating this complex JSX element and
again we're just gonna skip the words
all that text you can pause here and
read it yourself if you like but we're
gonna go straight to the outputs out
necessary to pass this test so first
we're gonna need the constant J sex
returning a div element okay and then
next we're gonna have to have that div
element contain a P tag as a second
element the h1 is gonna be the first
element and the unordered list is gonna
be the third element and this unordered
list is gonna contain three list
elements list item elements and we're
gonna jump into the coding now start by
saying okay so we need a constant JSX it
needs to return a dude this is optional
but I'm going to put everything inside
of parenthesis just because I like to
keep it neat so we're gonna start by
opening up the wrapper what to do then
they want in h1 for the first element
let's close it
let's put code phony inside okay then
next you want a paragraph tag let's do
just whatever next an unordered list
let's close the unordered list and some
and they want three allies so one two
thirty that's all and then as you can
see there's no output that's because
there's no parent rapper yet that's
completed so now you see the instant I
put the the I closed the div it compiled
alright you can see here that it passes
the test this is a another pretty simple
exercise you know if you like what I'm
doing like subscribe hit that Bell know
and you can see some more of my videos
and hopefully we can be friends or
something you know well that's it for
today go pony out see y'all next time