How to CONDITIONAL RENDER in React ❓

Conditional rendering = allows you to control what gets rendered in your application based on certain conditions. (ex. show, hide, or change components)

[@senisia]

i love your new react series. I just started learning it and you came out of nowhere

[@BroCodez]

import UserGreeting from './UserGreeting.jsx'
function App() {
return(



);
}
export default App
import PropTypes from 'prop-types';
function UserGreeting(props){
const welcomeMessage =
Welcome {props.username}

const loginPrompt =
Please log in to continue

return(props.isLoggedIn ? welcomeMessage : loginPrompt);
}
UserGreeting.proptypes = {
isLoggedIn: PropTypes.bool,
username: PropTypes.string,
}
UserGreeting.defaultProps = {
isLoggedIn: false,
username: "Guest",
}
export default UserGreeting
.welcome-message{
font-size: 2.5em;
background-color: hsl(120, 100%, 42%);
color: white;
padding: 10px;
border-radius: 5px;
margin: 0;
}
.login-prompt{
font-size: 2.5em;
background-color: hsl(0, 100%, 42%);
color: white;
padding: 10px;
border-radius: 5px;
margin: 0;
}

[@imbomb]

Pls I beg of you don't relent so as we aren't.Just keep posting videos till this module is complete.React is a very important aspect in Frontend Development

[@unknown-person-14.]

i beg you to make a small python episode in which you will teach how to communicate between server and client in lan using sockets and how to move a thing from buttons using server so connected clients would see the change

[@anesmessahli5863]

Yo pls can u suggest to me wich video i should watch to learn html and css .. you have a 1hour video of html and 1hour video of css also you have a 4hour video such as a combination between the last twos.. so what should i watch ?

[@Orion_news]

bro please make mastery level detail. detail to detail python full couse , make a course that by doing that one can become Albert Einstain of coding.

[@g.ryanpeterson9686]

Just started learning React and your videos are very easy to follow and learn from. Thank you!!

[@aungaungab1967]

Please make a full react series course 🙏🙏🙏🙏🙏

[@ochukoaugustine]

Yeah, seconded

[@TahaZolfi]

bro code teaches you so good that u feel its so easy

[@Soulcode-k]

Such a nice video it is so refreshing.😊

[@Legacylanes_moto]

great series bro.. byte sized tutorials makes life easier. Thanks.. waiting for more.

[@NazneenNaharNishi]

Bro make a complete tutorial for android development.....Your courses are completely educative.❤❤❤❤❤

[@eduardokawaguchi3086]

Nice video, Bro! Here's a quick tip: press "alt +z" in your script, it'll break the rows automatically.

[@shivanshuhere]

simple and clear explanation :)
loved it

[@xenos112]

Even though I know React, I enjoy watching your videos

[@name_yug]

Pls make a full course on react and typescript

[@elawet435]

Thank u so much my Bro

[@houdariyad4889]

can't thank u enough bro

[@Jishanthegodev]

Thank you so much sir ❤❤

[@ngehbrandon9491]

Thanks for the video bro

[@d1ce966]

Bro post more react i love it

[@lokrajpyakurel2563]

Waiting for new video on React from Bro Code 😊

[@unknown-person-14.]

i beg you to make a small python episode in which you will teach how to communicate between server and client in lan using sockets and how to move a thing from buttons using server so connected clients would see the change

[@binuthomasphilip6061]

Pl make more videos on react

[@pintertenan8057]

Greeting from a bro!

[@andromilk2634]

Since you were using Javascript variables, wouldn't you need to use {} on here as well like you usually do? Or are those not necessary in conditionals? Thanks!

[@phoenixaxis329]

I think they're only necessary when you're including js in an html element, Since before the return statement it is okay to write js, there's no need for {}
But I'm sure you've learnt by now😄

[@יהונתןריזי]

do you plan to make advance c# course ?

[@bladebeats7375]

please make a video on how to automate ur work using python

[@Ceszilla]

Can you please explain how to upload images to a react project?

[@graiselin2791]

Love you 😘😘

[@otabekmadaminov-z2i]

Thank you bro

[@hunin27]

thanks! ❤

[@1T_pressly]

Thank you bro for the code

[@Ken-zh4gu]

Please do full django course python web development framework if you can

[@Orion_news]

bro please make mastery level detail. detail to detail python full couse , make a course that by doing that one can become Albert Einstain of coding.

[@manojmurugan590]

Bro please upload full video
How to contact you for courses for paid

[@vishnuk6417]

Hii.....! it's 13th comment 😍😍

[@a_e_l_i_y_a]

bro code likes hsl value

[@Gunz1234]

Bro Code ❤

[@Yakuzanis]

Bro Code = Chad Code

[@kaungkinzone2448]

random comment 4.0

[@Delicatamente]

huge thanks!