PROPS in React explained 📧

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

ความคิดเห็น • 144

  • @BroCodez
    @BroCodez  ปีที่แล้ว +42

    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 ปีที่แล้ว +7

      No word you man priceless help!

    • @arpanshah355
      @arpanshah355 ปีที่แล้ว +5

      @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 ปีที่แล้ว +61

    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

  • @ursusrursus9325
    @ursusrursus9325 ปีที่แล้ว +12

    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."

  • @codewithdahir
    @codewithdahir ปีที่แล้ว +10

    You are so good man, keep going.
    My whole front end development belongs to you.
    Thanks a lot.

  • @wilmermedina7258
    @wilmermedina7258 5 หลายเดือนก่อน +2

    Bro, just 12 minutes was enough to perfectly understand this topic. I've watched several videos about it, but this one is just perfect. Thanks a lot!

  • @malikgulraiz3659
    @malikgulraiz3659 ปีที่แล้ว +14

    We want more React tutorials from bro
    👇

  • @romyt9816
    @romyt9816 ปีที่แล้ว +1

    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.

  • @sulaimanmisri6411
    @sulaimanmisri6411 10 หลายเดือนก่อน +2

    I am relatively new to React.js and your explanation make sense and easy to follow. Kudos Bro!

  • @tonytodd7011
    @tonytodd7011 ปีที่แล้ว +2

    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!

  • @AC_Music
    @AC_Music 10 หลายเดือนก่อน +2

    blessed to have you as a mentor. A thank you is not enough! Much love ❤

  • @frankmccann29
    @frankmccann29 ปีที่แล้ว +1

    Hey, appreciate you popping in with a great video. Saved it.

  • @ff4937
    @ff4937 ปีที่แล้ว +1

    Excellent overview of PROPS!!! Very clear and concise! Please keep going.

  • @sarahwbas
    @sarahwbas 6 หลายเดือนก่อน

    You are an amazing teacher!! No one should teach coding after you!! 👏🏼👏🏼 Thank you for existing!

  • @Ji.Hikari
    @Ji.Hikari 2 หลายเดือนก่อน

    Omg, best video I've seen about props AND with extra useful informations ! Thanks a lot.

  • @aroshm1682
    @aroshm1682 8 หลายเดือนก่อน

    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!!

  • @guilhermecarvalho1167
    @guilhermecarvalho1167 2 หลายเดือนก่อน

    Dear @Broce, I am immensely grateful for an exceptionally didactic class. Even though it was something simple, it made a lot of difference. Thanks

  • @beqagagua
    @beqagagua 4 หลายเดือนก่อน

    Love you videos , easy to understand and is also easy to repeat with you at the same time .

  • @ulbiomanzano7395
    @ulbiomanzano7395 ปีที่แล้ว +2

    Que fácil se hace aprender react con BroCode, muchas gracias, excelente trabajo.

  • @abdulkadiraminu262
    @abdulkadiraminu262 ปีที่แล้ว +4

    😭dude idk how u knew I was just learning react but thank you for the videos.

    • @BroCodez
      @BroCodez  ปีที่แล้ว +5

      I'm from the future

    • @ImAbbasious
      @ImAbbasious 11 หลายเดือนก่อน

      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 TH-cam bring more than Degrees@@BroCodez

  • @cubingwithshine180
    @cubingwithshine180 ปีที่แล้ว +1

    Thank you so much for this awesome tutorial

  • @techguykay
    @techguykay ปีที่แล้ว +1

    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 ปีที่แล้ว

      hey bro how did you get the job, can help me to know how you did it

  • @magomihaly1741
    @magomihaly1741 ปีที่แล้ว

    Love your vids, focus on essence , easy to understand. Thank you Bro!

  • @hunin27
    @hunin27 ปีที่แล้ว +1

    Thanks!
    I just finished watching and I learned a lot from this ❤

  • @malikgulraiz3659
    @malikgulraiz3659 ปีที่แล้ว +1

    My understanding for programming after watching Bros videos 📈📈📈❤

  • @vivekyadav2566
    @vivekyadav2566 หลายเดือนก่อน

    you explained in very simple & clear langauge..thanks..loved it 🏴‍☠

  • @vishalboudhh
    @vishalboudhh ปีที่แล้ว +2

    I love your videos ❤
    Very simple easy to understand
    And not to much time taking

  • @annahuzair4671
    @annahuzair4671 3 หลายเดือนก่อน

    This video is so cool...thank you! For explaining so well

  • @face_realitiy
    @face_realitiy 5 หลายเดือนก่อน +1

    Excellent ❤❤❤

  • @ykfazzz
    @ykfazzz ปีที่แล้ว

    please a full React course, even though i'm intermediate in React, your videos are ones i learn the most from

  • @Rae_895
    @Rae_895 ปีที่แล้ว +4

    After this pls make a typescript version since typescript is mostly used with popular js frameworks

    • @juanmacias5922
      @juanmacias5922 ปีที่แล้ว +1

      I mean, I"ve been using TS, you just have to add the right typing, when the IDE screams at you. :D

    • @juanmacias5922
      @juanmacias5922 ปีที่แล้ว +1

      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;

  • @deitunegold4593
    @deitunegold4593 8 หลายเดือนก่อน

    First tutorial i watched and i understood thoroughly 🔥

  • @1750-q4y
    @1750-q4y ปีที่แล้ว +2

    Be like bro code
    Absolutely legendary BROgramer

  • @mohamedreda6299
    @mohamedreda6299 ปีที่แล้ว

    This series is awe-inspiring thank you a lot!❤❤❤❤❤❤

  • @BrianMwaura-p1q
    @BrianMwaura-p1q 10 หลายเดือนก่อน

    Amazing content, Thank you. God bless

  • @dark_camper83
    @dark_camper83 7 หลายเดือนก่อน

    Nice explanation buddy. Thank You!!!

  • @keisergg8701
    @keisergg8701 ปีที่แล้ว

    thanks a ton! u are amazing
    pls keep uploading.

  • @SatyabrataOjha-mr5nr
    @SatyabrataOjha-mr5nr 8 หลายเดือนก่อน

    Wow, just nice explanation, love it

  • @wisdomsamuel-pe2fm
    @wisdomsamuel-pe2fm ปีที่แล้ว

    God 🎉 bless you.. This is excellently explained 😊

  • @rbcookingchannel-cg7xs
    @rbcookingchannel-cg7xs หลายเดือนก่อน

    Nice sharing

  • @nihongo_
    @nihongo_ ปีที่แล้ว

    thanks a million bro

  • @DrClappinCh33ks
    @DrClappinCh33ks 10 หลายเดือนก่อน

    Extremely great presentation ❤

  • @kevz_codes
    @kevz_codes 9 หลายเดือนก่อน

    Wow 😮so easy to understand! Thank you so much ☺️ I just subscribed ❤

  • @arealmemeist6421
    @arealmemeist6421 ปีที่แล้ว +1

    'props' to you for making this video lol

    • @BroCodez
      @BroCodez  ปีที่แล้ว +2

      I loled at that one

  • @ahamedsha_jr
    @ahamedsha_jr ปีที่แล้ว

    not gonna start the series until you complete it anyways for the algorithm 🔥🔥🔥

  • @theavalontech
    @theavalontech 9 หลายเดือนก่อน

    Awesome Explanation bro

  • @hariprasad361
    @hariprasad361 หลายเดือนก่อน

    ❤ very nice explanation sir

  • @balusubramaniam2335
    @balusubramaniam2335 8 หลายเดือนก่อน

    nice viedo very infornative ✌

  • @hunin27
    @hunin27 ปีที่แล้ว +2

    Thanks Bro!
    I really needed this playlist completed as i need to learn react and you arrived just in time !
    Respect ❤

  • @JoseSanchez-wg7pe
    @JoseSanchez-wg7pe 11 หลายเดือนก่อน

    tysm, you really helped me with this topic

  • @keisha7586
    @keisha7586 8 หลายเดือนก่อน

    Thanks! clear presentation

  • @Cet.w1p
    @Cet.w1p ปีที่แล้ว +1

    Thank you soo much i love ur videos

  • @Odidi_Bee6ix
    @Odidi_Bee6ix ปีที่แล้ว

    Exquisite 🙌🏾

  • @shivanshuhere
    @shivanshuhere 11 หลายเดือนก่อน

    clean and simple , loved it
    🌮

  • @alwaysgrowww
    @alwaysgrowww ปีที่แล้ว +1

    cool video bro!

  • @peaceomole
    @peaceomole 2 หลายเดือนก่อน

    Thank you for this!!!
    You made it so simplified
    When using props for cards
    How can I add an image to just one card

  • @d1ce966
    @d1ce966 ปีที่แล้ว

    Thank you bro more react videos

  • @riticklath6413
    @riticklath6413 ปีที่แล้ว

    Waiting for it Thanks a lot bro ❤
    Please make it bit quick 🙏

  • @_sf_editz1870
    @_sf_editz1870 ปีที่แล้ว

    sensei waiting for the next video

  • @piouf9850
    @piouf9850 8 หลายเดือนก่อน

    easy to understand , thank u

  • @hongdevp
    @hongdevp ปีที่แล้ว

    Thanks your tutorial ❤

  • @shubhamrathod9249
    @shubhamrathod9249 3 หลายเดือนก่อน

    My suggestion is to also tell why it's necessary to use props and what will happen if we don't use it.

  • @DengDengMUORWEL
    @DengDengMUORWEL 8 วันที่ผ่านมา

    you are number one bro I love you ❤️

  • @JafarbeXudoyqulov
    @JafarbeXudoyqulov ปีที่แล้ว +1

    Perfect

  • @ThatOnlyArab
    @ThatOnlyArab ปีที่แล้ว +1

    YOUR BACK 🎉🎉🎉🎉

  • @professorpoke
    @professorpoke 3 หลายเดือนก่อน

    This video helped me. Thanks 👍👍

    • @professorpoke
      @professorpoke 3 หลายเดือนก่อน

      I checked your account. And its an instant subscribe from my side. Hoping great content from your side.

  • @kamaleshpramanik7645
    @kamaleshpramanik7645 หลายเดือนก่อน

    Thank you very much Bro ..

  • @shubhamrathod9249
    @shubhamrathod9249 3 หลายเดือนก่อน

    nicely explained

  • @oussemaelmzergui7055
    @oussemaelmzergui7055 ปีที่แล้ว

    You never miss

  • @vladyslav-py-js-go
    @vladyslav-py-js-go ปีที่แล้ว

    Nice lesson!😁

  • @4thGe
    @4thGe 21 วันที่ผ่านมา

    Thank you!

  • @3X1Z3
    @3X1Z3 ปีที่แล้ว +1

    Love u brooo❤

  • @benhur221
    @benhur221 ปีที่แล้ว

    props to you Bro

  • @DimitrisKoliomichalis
    @DimitrisKoliomichalis ปีที่แล้ว

    Can you do a video with a full course of Visual BASIC Programming language??

  • @DeepikaDecodes
    @DeepikaDecodes ปีที่แล้ว

    Amazing 👏

  • @GATIF786
    @GATIF786 ปีที่แล้ว

    Kindly, make a complete video on React Js and React Native (Including User Login Authention from Mysqli database).

  • @shadownerverdie
    @shadownerverdie ปีที่แล้ว

    so great

  • @otabekmadaminov-z2i
    @otabekmadaminov-z2i 3 หลายเดือนก่อน

    Thank you bro

  • @yurisouza4874
    @yurisouza4874 5 หลายเดือนก่อน

    Thanks Bro!

  • @syramoran9270
    @syramoran9270 6 หลายเดือนก่อน

    TY ❤

  • @namesjeff5213
    @namesjeff5213 ปีที่แล้ว +1

    👑

  • @silverfoxcr5194
    @silverfoxcr5194 ปีที่แล้ว

    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 ❤

  • @tonich81
    @tonich81 ปีที่แล้ว

    Can you do nodejs tutorial 😆 Your videos its easy to understand

  • @jiazhiong8273
    @jiazhiong8273 ปีที่แล้ว

    bro, pls make a full course on android mobile application programming, maybe with Java or Kotlin. Thank you for your courses!

  • @khannah-k7y
    @khannah-k7y หลายเดือนก่อน

    I just subscribed

  • @acosmic7841
    @acosmic7841 ปีที่แล้ว

    Are you making a longer react tutorial slated to release in 2024?😊

  • @JohnSamuelOlamide
    @JohnSamuelOlamide 28 วันที่ผ่านมา

    Thanks

  • @_sf_editz1870
    @_sf_editz1870 ปีที่แล้ว

    sensei

  • @LoveandPeace1111
    @LoveandPeace1111 8 หลายเดือนก่อน

    Live it

  • @prakashnavin6245
    @prakashnavin6245 2 หลายเดือนก่อน

    really best explanation of this topic
    @BroCodez is the best

  • @tukkinum
    @tukkinum 11 หลายเดือนก่อน

    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!

  • @aureusvisions
    @aureusvisions ปีที่แล้ว +1

    wow

  • @antoniobanderas1287
    @antoniobanderas1287 5 หลายเดือนก่อน

    perfect ;P

  • @_____vieve
    @_____vieve 2 หลายเดือนก่อน

    thankssss

  • @drididali1755
    @drididali1755 ปีที่แล้ว

    hoooks bro

  • @bilalshahid5118
    @bilalshahid5118 4 หลายเดือนก่อน +1

    bro in react 18 in defaultProps its gives warning

  • @tavidev
    @tavidev ปีที่แล้ว

    could you also make a deno fresh series?

  • @Yesterday_i_ate_rat
    @Yesterday_i_ate_rat ปีที่แล้ว

    ❤❤

  • @thashreef2125
    @thashreef2125 ปีที่แล้ว

    waiting for react Hooks and CRUD operations

  • @pastuh
    @pastuh ปีที่แล้ว +1

    Strange why not called propDefaults

  • @chakrounmohamedslim8748
    @chakrounmohamedslim8748 ปีที่แล้ว

    Please give us a blazor tutoriel after. Net 8