PROPS in React explained 📧

  Рет қаралды 61,646

Bro Code

Bro Code

Күн бұрын

#React #JavaScript #tutorial
00:00:00 introduction
00:00:56 props
00:04:49 index.css
00:06:28 multiple components
00:07:49 propType
00:10:18 defaultProps
00:11:47 conclusion
// props = read-only properties that are shared between components.
// A parent component can send data to a child component.
// key=value
// propTypes = a mechanism that ensures that the passed value
// is of the correct datatype.
// age: PropTypes.number
// defaultProps = default values for props in case they are not
// passed from the parent component
// name: "Guest"

Пікірлер: 117
@BroCodez
@BroCodez 8 ай бұрын
import Student from './Student.jsx' function App() { return( ); } export default App import PropTypes from 'prop-types'; function Student(props){ return( Name: {props.name} Age: {props.age} Student: {props.isStudent ? "Yes" : "No"} ); } Student.propTypes ={ name: PropTypes.string, age: PropTypes.number, isStudent: PropTypes.bool, } Student.defaultProps = { name: "Guest", age: 0, isStudent: false, }; export default Student .student{ font-family: Arial, sans-serif; font-size: 2em; padding: 10px; border: 1px solid hsla(0, 0%, 50%, 0.8); } .student p{ margin: 0; }
@thecoder1694
@thecoder1694 8 ай бұрын
No word you man priceless help!
@arpanshah355
@arpanshah355 8 ай бұрын
@BroCodez !!!! nice to know your not dead :D also, could you do a toutorial for C/C++ windows (kinda like tkinter for python) thx good job on your vids though, helped me a lot. :) super simple and easy to understand otherwise, the perfect combo for beginers
@andredubbs4854
@andredubbs4854 8 ай бұрын
I really cannot express how much of a positive impact you’re having on the world. Your videos helped me immensely, the education is poor in my country and i can make it up alot with your videos
@codewithdahir
@codewithdahir 8 ай бұрын
You are so good man, keep going. My whole front end development belongs to you. Thanks a lot.
@ursusrursus9325
@ursusrursus9325 8 ай бұрын
Thanks Bro! You are one of those about whom philosophers have said: "The obvious is something that no one sees until someone expresses it in the simplest way."
@AC_Music
@AC_Music 4 ай бұрын
blessed to have you as a mentor. A thank you is not enough! Much love ❤
@ff4937
@ff4937 7 ай бұрын
Excellent overview of PROPS!!! Very clear and concise! Please keep going.
@malikgulraiz3659
@malikgulraiz3659 8 ай бұрын
We want more React tutorials from bro 👇
@tonytodd7011
@tonytodd7011 7 ай бұрын
Thanks Bro! You are really an awesome teacher, and your way of dividing the topic into small lessons are great! That is very much more practical for people to learn than watching a dozens of hours video!
@frankmccann29
@frankmccann29 8 ай бұрын
Hey, appreciate you popping in with a great video. Saved it.
@sarahwbas
@sarahwbas 23 күн бұрын
You are an amazing teacher!! No one should teach coding after you!! 👏🏼👏🏼 Thank you for existing!
@vishalboudhh
@vishalboudhh 8 ай бұрын
I love your videos ❤ Very simple easy to understand And not to much time taking
@hunin27
@hunin27 8 ай бұрын
Thanks! I just finished watching and I learned a lot from this ❤
@aroshm1682
@aroshm1682 2 ай бұрын
Broo!!! I learned crazy loads of stuff in this 12 mins than I try to learn past 24 hours. Damn good content bro!! Thank you!!
@dark_camper83
@dark_camper83 2 ай бұрын
Nice explanation buddy. Thank You!!!
@cubingwithshine180
@cubingwithshine180 8 ай бұрын
Thank you so much for this awesome tutorial
@abdulkadiraminu262
@abdulkadiraminu262 8 ай бұрын
😭dude idk how u knew I was just learning react but thank you for the videos.
@BroCodez
@BroCodez 8 ай бұрын
I'm from the future
@ImAbbasious
@ImAbbasious 5 ай бұрын
pls make 10hours tutorial of React.js from Beginner to Expart please and please sir, can't pay for tuitions fee but bro code on KZbin bring more than Degrees@@BroCodez
@magomihaly1741
@magomihaly1741 8 ай бұрын
Love your vids, focus on essence , easy to understand. Thank you Bro!
@SatyabrataOjha-mr5nr
@SatyabrataOjha-mr5nr 2 ай бұрын
Wow, just nice explanation, love it
@mohamedreda6299
@mohamedreda6299 8 ай бұрын
This series is awe-inspiring thank you a lot!❤❤❤❤❤❤
@keisha7586
@keisha7586 3 ай бұрын
Thanks! clear presentation
@sulaimanmisri6411
@sulaimanmisri6411 4 ай бұрын
I am relatively new to React.js and your explanation make sense and easy to follow. Kudos Bro!
@romyt9816
@romyt9816 7 ай бұрын
The first video I see that explains clearly that props are an OBJECT and defines them with a punctual sentence and not with a vague terms or with comparisons like "parameter of a function" or "pseudo HTML attribute". Thanks, now I understand them better, I'll follow the serie.
@deitunegold4593
@deitunegold4593 3 ай бұрын
First tutorial i watched and i understood thoroughly 🔥
@DrClappinCh33ks
@DrClappinCh33ks 5 ай бұрын
Extremely great presentation ❤
@Coder_263
@Coder_263 4 ай бұрын
Wow 😮so easy to understand! Thank you so much ☺️ I just subscribed ❤
@user-qj5bg3fp3r
@user-qj5bg3fp3r 4 ай бұрын
Amazing content, Thank you. God bless
@piouf9850
@piouf9850 3 ай бұрын
easy to understand , thank u
@JoseSanchez-wg7pe
@JoseSanchez-wg7pe 6 ай бұрын
tysm, you really helped me with this topic
@hongdevp
@hongdevp 8 ай бұрын
Thanks your tutorial ❤
@keisergg8701
@keisergg8701 6 ай бұрын
thanks a ton! u are amazing pls keep uploading.
@balusubramaniam2335
@balusubramaniam2335 3 ай бұрын
nice viedo very infornative ✌
@ulbiomanzano7395
@ulbiomanzano7395 8 ай бұрын
Que fácil se hace aprender react con BroCode, muchas gracias, excelente trabajo.
@volodyslove
@volodyslove 8 ай бұрын
Nice lesson!😁
@ykfazzz
@ykfazzz 8 ай бұрын
please a full React course, even though i'm intermediate in React, your videos are ones i learn the most from
@wisdomsamuel-pe2fm
@wisdomsamuel-pe2fm 8 ай бұрын
God 🎉 bless you.. This is excellently explained 😊
@shivanshuhere
@shivanshuhere 6 ай бұрын
clean and simple , loved it 🌮
@d1ce966
@d1ce966 8 ай бұрын
Thank you bro more react videos
@yurisouza4874
@yurisouza4874 2 күн бұрын
Thanks Bro!
@Odidi_Bee6ix
@Odidi_Bee6ix 7 ай бұрын
Exquisite 🙌🏾
@Rae_895
@Rae_895 8 ай бұрын
After this pls make a typescript version since typescript is mostly used with popular js frameworks
@juanmacias5922
@juanmacias5922 8 ай бұрын
I mean, I"ve been using TS, you just have to add the right typing, when the IDE screams at you. :D
@juanmacias5922
@juanmacias5922 8 ай бұрын
This was my final code for Student.tsx: interface StudentProps { name?: string; age?: number; isStudent?: boolean; } const Student = ({ name = "Guest", age = 0, isStudent = false, }: StudentProps) => { return ( Name: {name} Age: {age} Student: {isStudent ? "Yes" : "No"} ); }; export default Student;
@techguykay
@techguykay 8 ай бұрын
over 2 year ago i decided to change careers and learn coding, i started with your python videos, and today im an intern swe (mobile application development), currently learning react-native and still watch you Bro-Code. My programming Kinng 😤🙌 i wanna see more of this new seriesssss!!!
@HimanshuVermayohoho
@HimanshuVermayohoho 8 ай бұрын
hey bro how did you get the job, can help me to know how you did it
@CodingChannel1
@CodingChannel1 8 ай бұрын
Amazing 👏
@nihongo_
@nihongo_ 7 ай бұрын
thanks a million bro
@malikgulraiz3659
@malikgulraiz3659 8 ай бұрын
My understanding for programming after watching Bros videos 📈📈📈❤
@AH_FS
@AH_FS 8 ай бұрын
Thank you soo much i love ur videos
@riticklath6413
@riticklath6413 8 ай бұрын
Waiting for it Thanks a lot bro ❤ Please make it bit quick 🙏
@shadownerverdie
@shadownerverdie 8 ай бұрын
so great
@benhur221
@benhur221 8 ай бұрын
props to you Bro
@syramoran9270
@syramoran9270 28 күн бұрын
TY ❤
@alwaysgrowww
@alwaysgrowww 8 ай бұрын
cool video bro!
@hunin27
@hunin27 8 ай бұрын
Thanks Bro! I really needed this playlist completed as i need to learn react and you arrived just in time ! Respect ❤
@primordialatom1478
@primordialatom1478 8 ай бұрын
Nice
@ahamedsha_jr
@ahamedsha_jr 8 ай бұрын
not gonna start the series until you complete it anyways for the algorithm 🔥🔥🔥
@3X1Z3
@3X1Z3 8 ай бұрын
Love u brooo❤
@user-cs6rz9jn8n
@user-cs6rz9jn8n 8 ай бұрын
Perfect
@oussemaelmzergui7055
@oussemaelmzergui7055 8 ай бұрын
You never miss
@LoveandPeace1111
@LoveandPeace1111 3 ай бұрын
Live it
@_sf_editz1870
@_sf_editz1870 8 ай бұрын
sensei waiting for the next video
@drididali1755
@drididali1755 8 ай бұрын
hoooks bro
@tukkinum
@tukkinum 6 ай бұрын
i love this, but i have a question. how would we go about different images for each student? ive tried to figure it out myself but to no avail. thanks!
@antoniobanderas1287
@antoniobanderas1287 12 күн бұрын
perfect ;P
@user-ni9rs2wk4g
@user-ni9rs2wk4g 8 ай бұрын
Can you do a video with a full course of Visual BASIC Programming language??
@silverfoxcr5194
@silverfoxcr5194 8 ай бұрын
Bro you have to finish the Playlist in less than 3 months I'm doing my final computer science proj using React and I need your explanation ❤
@GATIF786
@GATIF786 8 ай бұрын
Kindly, make a complete video on React Js and React Native (Including User Login Authention from Mysqli database).
@Delicatamente
@Delicatamente 2 ай бұрын
huge thanks!
@acosmic7841
@acosmic7841 8 ай бұрын
Are you making a longer react tutorial slated to release in 2024?😊
@arealmemeist6421
@arealmemeist6421 8 ай бұрын
'props' to you for making this video lol
@BroCodez
@BroCodez 8 ай бұрын
I loled at that one
@tonich81
@tonich81 7 ай бұрын
Can you do nodejs tutorial 😆 Your videos its easy to understand
@tavidev
@tavidev 8 ай бұрын
could you also make a deno fresh series?
@tee-hee9553
@tee-hee9553 8 ай бұрын
The proptypes and the defaultprops does not have any color, beside white on my visual studio code what should I do ?, I know it's working but I want color to check if I type wrong or not please help
@aureusvisions
@aureusvisions 8 ай бұрын
wow
@Yesterday_i_ate_rat
@Yesterday_i_ate_rat 8 ай бұрын
❤❤
@_sf_editz1870
@_sf_editz1870 8 ай бұрын
sensei
@jiazhiong8273
@jiazhiong8273 8 ай бұрын
bro, pls make a full course on android mobile application programming, maybe with Java or Kotlin. Thank you for your courses!
@namesjeff5213
@namesjeff5213 8 ай бұрын
👑
@ABM200_
@ABM200_ 8 ай бұрын
assalomu alaykum qales Muhiddin aka
@user-dz3lq5hb8m
@user-dz3lq5hb8m 8 ай бұрын
Be like bro code Absolutely legendary BROgramer
@lf00t
@lf00t 4 ай бұрын
Bro, is there a way to enable autocomplete/ intellisense for prop.[dot] ... ? coming from java, this is really annoying and easy to make silly typos
@thashreef2125
@thashreef2125 8 ай бұрын
waiting for react Hooks and CRUD operations
@pastuh
@pastuh 8 ай бұрын
Strange why not called propDefaults
@chakrounmohamedslim8748
@chakrounmohamedslim8748 8 ай бұрын
Please give us a blazor tutoriel after. Net 8
@ThatOnlyArab
@ThatOnlyArab 8 ай бұрын
YOUR BACK 🎉🎉🎉🎉
@21Kqaile-
@21Kqaile- 8 ай бұрын
W
@fatouz5104
@fatouz5104 8 ай бұрын
How do you know I have a react project for college😭thank you
@ImAbbasious
@ImAbbasious 5 ай бұрын
Sir, we need 10Hours React for total Begnner please
@Gunz1234
@Gunz1234 8 ай бұрын
I think yt spies me cuz I am on a course and I'm on the props part n this shows up
@dwwe-xt5ys
@dwwe-xt5ys 8 ай бұрын
make a full couse on x86 assembly language
@darkworldgaming5580
@darkworldgaming5580 8 ай бұрын
bro bros voice change a lot in 2years
@adonissss1881
@adonissss1881 8 ай бұрын
Hi! I have a python project. And i want to create a gui for it. How do i? I dont know. Can you teach me or how do i learn it?
@hunin27
@hunin27 8 ай бұрын
use a gui library for python
@adonissss1881
@adonissss1881 8 ай бұрын
@@hunin27 how?
@animatsuki5345
@animatsuki5345 3 ай бұрын
кайф!
@noicefrog
@noicefrog 8 ай бұрын
bro code is da besstt
@user-cs6rz9jn8n
@user-cs6rz9jn8n 8 ай бұрын
Lessons
@rodeotcd
@rodeotcd 8 ай бұрын
This is
@protibadimon4169
@protibadimon4169 8 ай бұрын
Hey bro, can you help me by coding chess game?
@noicefrog
@noicefrog 8 ай бұрын
bro code pls colab
@focusedstudent464
@focusedstudent464 8 ай бұрын
16th comment
@aletondaX
@aletondaX 8 ай бұрын
Do you still love pizza?
@BroCodez
@BroCodez 8 ай бұрын
always and forever
@kaungkinzone2448
@kaungkinzone2448 8 ай бұрын
random comment 3.0
@noicefrog
@noicefrog 8 ай бұрын
what
@emanueleconte506
@emanueleconte506 8 ай бұрын
i'll ask you a full Java Spring Boot course
How to CONDITIONAL RENDER in React ❓
10:15
Bro Code
Рет қаралды 24 М.
React Props are Easy
18:05
Sam Meech-Ward
Рет қаралды 7 М.
1 класс vs 11 класс  (игрушка)
00:30
БЕРТ
Рет қаралды 4,3 МЛН
ROCK PAPER SCISSOR! (55 MLN SUBS!) feat @PANDAGIRLOFFICIAL #shorts
00:31
Increíble final 😱
00:37
Juan De Dios Pantoja 2
Рет қаралды 101 МЛН
Smart Sigma Kid #funny #sigma #comedy
00:19
CRAZY GREAPA
Рет қаралды 19 МЛН
React tutorial for beginners ⚛️
20:27
Bro Code
Рет қаралды 154 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 412 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 455 М.
All The JavaScript You Need To Know For React
28:00
PedroTech
Рет қаралды 562 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
React useRef() hook introduction 🗳️
11:18
Bro Code
Рет қаралды 11 М.
Learn how to use Props in React in 19 minutes (for beginners)
19:12
Sonny Sangha
Рет қаралды 144 М.
React Tutorial for Beginners
1:20:04
Programming with Mosh
Рет қаралды 2,6 МЛН
1 класс vs 11 класс  (игрушка)
00:30
БЕРТ
Рет қаралды 4,3 МЛН