How to CONDITIONAL RENDER in React ❓

  Рет қаралды 36,555

Bro Code

Bro Code

Күн бұрын

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

Пікірлер: 45
@senisia
@senisia 11 ай бұрын
i love your new react series. I just started learning it and you came out of nowhere
@BroCodez
@BroCodez 11 ай бұрын
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
@imbomb 11 ай бұрын
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.
@unknown-person-14. 11 ай бұрын
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
@anesmessahli5863 11 ай бұрын
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 ?
@indology7975
@indology7975 11 ай бұрын
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.
@aungaungab1967
@aungaungab1967 11 ай бұрын
Please make a full react series course 🙏🙏🙏🙏🙏
@ochukoaugustine
@ochukoaugustine Ай бұрын
Yeah, seconded
@g.ryanpeterson9686
@g.ryanpeterson9686 10 ай бұрын
Just started learning React and your videos are very easy to follow and learn from. Thank you!!
@NazneenNaharNishi
@NazneenNaharNishi 11 ай бұрын
Bro make a complete tutorial for android development.....Your courses are completely educative.❤❤❤❤❤
@TahaZolfi
@TahaZolfi 11 ай бұрын
bro code teaches you so good that u feel its so easy
@eduardokawaguchi3086
@eduardokawaguchi3086 2 ай бұрын
Nice video, Bro! Here's a quick tip: press "alt +z" in your script, it'll break the rows automatically.
@Legacylanes_moto
@Legacylanes_moto 9 ай бұрын
great series bro.. byte sized tutorials makes life easier. Thanks.. waiting for more.
@name_yug
@name_yug 11 ай бұрын
Pls make a full course on react and typescript
@shivanshuhere
@shivanshuhere 9 ай бұрын
simple and clear explanation :) loved it
@AIZEN155
@AIZEN155 11 ай бұрын
Even though I know React, I enjoy watching your videos
@andromilk2634
@andromilk2634 7 ай бұрын
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!
@elawet435
@elawet435 11 ай бұрын
Thank u so much my Bro
@unknown-person-14.
@unknown-person-14. 11 ай бұрын
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
@lokrajpyakurel2563
@lokrajpyakurel2563 10 ай бұрын
Waiting for new video on React from Bro Code 😊
@otabekmadaminov-z2i
@otabekmadaminov-z2i 27 күн бұрын
Thank you bro
@Ceszilla
@Ceszilla 11 ай бұрын
Can you please explain how to upload images to a react project?
@Ken-zh4gu
@Ken-zh4gu 6 ай бұрын
Please do full django course python web development framework if you can
@d1ce966
@d1ce966 11 ай бұрын
Bro post more react i love it
@bladebeats7375
@bladebeats7375 11 ай бұрын
please make a video on how to automate ur work using python
@ngehbrandon9491
@ngehbrandon9491 11 ай бұрын
Thanks for the video bro
@houdariyad4889
@houdariyad4889 11 ай бұрын
can't thank u enough bro
@Yesterday_i_ate_rat
@Yesterday_i_ate_rat 11 ай бұрын
Thank you so much sir ❤❤
@יהונתןריזי
@יהונתןריזי 11 ай бұрын
do you plan to make advance c# course ?
@indology7975
@indology7975 11 ай бұрын
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
@manojmurugan590 11 ай бұрын
Bro please upload full video How to contact you for courses for paid
@pintertenan8057
@pintertenan8057 11 ай бұрын
Greeting from a bro!
@Delicatamente
@Delicatamente 5 ай бұрын
huge thanks!
@1T_pressly
@1T_pressly 11 ай бұрын
Thank you bro for the code
@hunin27
@hunin27 11 ай бұрын
thanks! ❤
@graiselin2791
@graiselin2791 11 ай бұрын
Love you 😘😘
@Yakuzanis
@Yakuzanis 11 ай бұрын
Bro Code = Chad Code
@Gunz1234
@Gunz1234 11 ай бұрын
Bro Code ❤
@vishnuk6417
@vishnuk6417 11 ай бұрын
Hii.....! it's 13th comment 😍😍
@kaungkinzone2448
@kaungkinzone2448 11 ай бұрын
random comment 4.0
How to render LISTS in React 📃
26:40
Bro Code
Рет қаралды 32 М.
PROPS in React explained 📧
12:09
Bro Code
Рет қаралды 84 М.
Поветкин заставил себя уважать!
01:00
МИНУС БАЛЛ
Рет қаралды 6 МЛН
Bike Vs Tricycle Fast Challenge
00:43
Russo
Рет қаралды 93 МЛН
React Conditional Classes
4:58
Craig Davison
Рет қаралды 170
Everyone Thinks I'm Wrong About Training
13:03
Jeff Nippard
Рет қаралды 1,1 МЛН
Conditional Rendering Components in React
13:10
Sam Meech-Ward
Рет қаралды 7 М.
React tutorial for beginners ⚛️
20:27
Bro Code
Рет қаралды 212 М.
All The JavaScript You Need To Know For React
28:00
PedroTech
Рет қаралды 618 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 655 М.
JavaScript Pro Tips - Code This, NOT That
12:37
Fireship
Рет қаралды 2,5 МЛН
What are JavaScript PROMISES? 🤞
12:37
Bro Code
Рет қаралды 64 М.