ReactJS Tutorial - 9 - Props

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.ย. 2024

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

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

    I have gone through many paid courses for React... and searched many platforms.... but this tutorial was unique... no words to describe you... fantastic and very clear and neat explanation for absolute beginners.. take a bow...🙏❤

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

      ikr i came from codecademy and i was so confused this guy deserves a medal

    • @00el04
      @00el04 4 ปีที่แล้ว

      you're spot on!

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

      yes he's truly incredible. exactly what i'm looking for. incredibly consistent smooth slow pace. but succint. and all unnecessary talking has been omitted. essential stuff for anyone learning to code but done perfectly! I've needed him through my whole program but just found him now toward the end. Thanks for all your work!

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

      True. I'm from Coursera. But this guy explains better

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

      Well written! I agree

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

    This teacher takes teaching to a new level. Hands down the best React series I've come across.
    Thank you Sir, much much appreciated!

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

    I don’t normally comment on TH-cam videos but this course is so perfect and beginner friendly.
    I’ve worked through over 10 videos now and I understand every single thing he’s talking about.

  • @amolmali3583
    @amolmali3583 3 ปีที่แล้ว +28

    "Props is just an object that contains the attributes and their values which have been passed from the parent component"
    Your way of explaining and teaching is amazing. Thanks a lot Vishwas for all your efforts.

    • @lakshyakhandelwal8764
      @lakshyakhandelwal8764 2 ปีที่แล้ว

      Hey i didn't got what is {props.children} use ?? ( for getting printed what is written in betweeen or anything else)

    • @maniratnaguptayekkala387
      @maniratnaguptayekkala387 2 ปีที่แล้ว

      @@lakshyakhandelwal8764 yeah, props.children is for getting the inner content of a html element.

  • @GrimVanHalter
    @GrimVanHalter 10 หลายเดือนก่อน +8

    For anyone who asks why console(log) displays all objects twice, the answer is: in the index.js file, is surrounded by . Deleting this will resolve the log duplication.
    The component is only enabled during development and does 3 main things:
    Re-renders your components an extra time to find bugs caused by impure rerendering (side effects).
    Re-runs your components effects an extra time to find bugs by missing Effect cleanup.
    Checks your components for usage of deprecated APIs.

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

      why are we doing console.log in the first place?

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

    I had trouble with this concept until I watched just half of this video before something clicked. Thanks a bunch!

  • @SIMRANISE--
    @SIMRANISE-- 4 ปีที่แล้ว +19

    I went through like so many React tutorials and this is where I was finally able to grasp and understand everything so well. Thank you so much for the efforts you have put in to come out with something so extraordinary and easy to understand!

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

    Learning alot from the Tutorials, The best Part is Vishwas being a DC Fan

    • @minhtetko1093
      @minhtetko1093 4 ปีที่แล้ว

      Yes bro, I watched videos from part 1 to part 9 and I saw all dummy text are DC heroes name.

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

    Finally, someone who breaks down everything with clear explanations...Thank you so much for this!

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

    No wonder this great teacher is a DC lover.

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

    Great series also love the using name values from DC character

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

    Your videos Vishwas are simply the best, even the resolution of your VS Code app and screen font size was perfectly chosen and the clarity with which you explain everything is amazing. Thank you so much for making all these wonderful videos!

    • @anandbaraik5010
      @anandbaraik5010 3 ปีที่แล้ว

      All these videos are made 2 years back. Are these videos are still relevant as of react new version? Even I'm learning react so want confirmation before going though this series.

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

      @@anandbaraik5010 I think they are still relevant, there is definitely a few errors or more modern ways of doing things or even some different better approaches than the way Vishwas teaches but don't get hung up on that. These videos are still an awesome starting point and help get your head into React way of thinking before learning new improvements (ie React 16+ etc) from other sites and videos etc. I've gone to them a number of times and not just watched once.

    • @anandbaraik5010
      @anandbaraik5010 3 ปีที่แล้ว

      @@johnathonme thank you for clearing my doubts!

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

    This is the best React tutorial. I am understanding it in one go. The other tutorials did not explain the folder structure as well as you did and without that good base nothing could stay in my brain. But now I GET IT!!

  • @deepakSharma-db6fj
    @deepakSharma-db6fj 5 ปีที่แล้ว +3

    I was confused regarding props , now after watching your explanation, it's clear now. Basically, key value pair for custom tag is represent by props . Attribute name for custom tag has become key and it's value is a value for props object.

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

    you're the best teacher I have ever seen. I watched Dart and flutter with you on udemy. And now I'll learn a little more.

  • @jessica-tv6ep
    @jessica-tv6ep 3 ปีที่แล้ว +2

    I'm so happy that I found another best teacher that I will definitely come back to learn something new about web development. You really understand this field and I'm so grateful! Thank you so much, Vishwas!

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

    Vishwash, your videos are amazing. The way you teach increases interest of learning these technology. I love your video series. I'm from mobile application development background and wanted to learn reactnative. I gone through your reactjs series and now learning reactnative. It would be great if you make series on reactnative development

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

    Not the most fancy youtuber out there for sure.
    But at the end of the day, the content and the clear explanation are all that matters.
    Thank you for that.

  • @agnespn3670
    @agnespn3670 2 ปีที่แล้ว

    Thank you so much!!!! I have been watching so many videos and courses and more often than not people ar mumbling and saying things like "lets do this and this...or no, we will do something else" or that saying stuff like "So obviously when you take ABC and use it with DEF, and then pass it to GHI it will come as JKL! Unless it won't. But we will talk about this later." And I am like ''WHAAAAAAAT???"
    You are using short sentences and you are very clear. What you say matches what you do on the screen. You are using plenty of examples. This is the first video made by you that I am watching and I am in awe! Bravo and thank you!

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

    I’m following a series on gale to help guide me in which direction to learn, but when I’m confused I go to you! You know how to teach beginners very well; you know best how to inspire curiosity and instill intuition!

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

    Your ReactJs series is very helpful and your way of explaining things is unique! Keep up the good work!!

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

    Best react series for beginners
    You make all topics crystal clear
    Big fan from Nepal ❤️🙏

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

    I have been a long time fan of Net Ninja on TH-cam and even learned javascript from his course. Now I am a fan of Codevolution too because you have the same calm and composed teaching style as shaun from net ninja. Hope both of you do a collab sometime. Thanks for the amazing content.

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

    i freaking love you, i was having such a hard time trying to understand this concept.

    • @zdarofMERGAITES
      @zdarofMERGAITES 4 ปีที่แล้ว

      This shouldn't be a hard concept to grasp, hate to tell you that 😃

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

      @@zdarofMERGAITES cool story dude. Glad you know about coding and not like most of us that want to learn!

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

    Finally I am able to solve my confusion... Somewhere I have to add {props.name} and somewhere {this.props.name}.. Brilliant explanation

  • @pranitasahay8729
    @pranitasahay8729 3 ปีที่แล้ว

    I have been through numerous paid courses, but the explanation that you provide for everything is just excellent!

  • @sayc1333
    @sayc1333 2 ปีที่แล้ว

    Finally a video that explains props in the simplest form… thank you soooo much

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

    Instead use like wrapper, a good option is content jsx

    • @dim3143
      @dim3143 3 ปีที่แล้ว

      empty tag ? or another component?

  • @omotayotajudeen4910
    @omotayotajudeen4910 2 ปีที่แล้ว

    Seriously, you deserve a gold medal for the props explanation. anyways this is my first time of commenting on react tutorial.

  • @het314
    @het314 3 ปีที่แล้ว

    After trying many courses(on youtube,coursera...etc) this is by far the Best series.

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

    boss, you are the beat teacher ,i have ever come across ,God bless you sir ,I love your teaching .

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

    definitely the most clear and concise explanation out there. finally got a good grasp on the concept, thank you very much!

  • @alexb.2616
    @alexb.2616 4 ปีที่แล้ว +1

    Thank you, MAN. I listen this theme about props in my native language and understand a half of what I have known just now after your video!

  • @jpcontreras87
    @jpcontreras87 2 ปีที่แล้ว

    this is the clearest explanation ive seen

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

    Heading - Props in Functional, Class components.
    Well explained concept

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

    I was confusing to start learning reactJs from beggining because there was no any courses to start by understanding everything from scratch. But I found this on youtube and i have got confidence on reactJs. Thank you Sir
    😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍

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

    Thanks for breaking it down... better than many paid courses on udemy!

  • @reshmamsec4425
    @reshmamsec4425 4 ปีที่แล้ว

    The way of teaching is clear and understandable

  • @leoinim
    @leoinim 3 ปีที่แล้ว

    Thank you very much for these set of videos. I am a beginner & for the life of me, I was not able to figure out props & state till I saw your video. It was simple and crisp. Needless to say, I have subscribed to your channel & I intend to watch all your videos. Thanks again.

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

    Boss, you are the best teacher ,i have ever come across in my life , you are too good ,God bless you sir

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

    I am learning a lot more than the courses I paid more. You should release a book haha

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

    Thank you so much for your video tutorials. Your teaching style is really helpful, because you are concise and to the point. Much appreciations again!

  • @Abhishek.Sharma1991
    @Abhishek.Sharma1991 ปีที่แล้ว

    Thanks Vishwas
    Outstanding explanation of concepts

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

    Really really good explanation, i was jumping around to understand such a simple concept but you explained it in a very short and simpler way, keep up the same work now i have confidence that i will learn react.

  • @saranroyal7133
    @saranroyal7133 3 ปีที่แล้ว

    i am beginner to this , you are explaining very well i have not seen this type of teaching

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

    @CodeEvolution Sir, you have beautiful teaching method and your way of teaching is unique. I would like to watch and learn more courses from you.

  • @rahultaya549
    @rahultaya549 3 ปีที่แล้ว

    The best react tutorials and the best teacher on you tube.

  • @shakuraaife
    @shakuraaife 3 ปีที่แล้ว

    Thnx vishwas now I am enlighten what props and attributes use for. 👍👏

  • @OrincyWhyteDesigns
    @OrincyWhyteDesigns 2 ปีที่แล้ว

    W O W !!!!!!!!! Took you 12 minutes to explain props🤯🤯🤯🤯🤯 wow

  • @Oxygen.O2
    @Oxygen.O2 5 ปีที่แล้ว +4

    SImple, direct and clear, thanks !

  • @rameshnagappan7812
    @rameshnagappan7812 3 ปีที่แล้ว

    Your explanation is simply superb and easy to understand the basic concepts,keep it up

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

    Justice League Trinity reference, yeah 👍

  • @OmnispectiveHub
    @OmnispectiveHub 2 ปีที่แล้ว

    subbed for the simplicity. Well done.

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

    I'm happy with learning this tutorial React.I am understanding very well. That is comfortable learning for React

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

    For returning multiple elements, consider wrapping all your elements with:
    (All elements)

  • @marioc485
    @marioc485 2 ปีที่แล้ว

    Thank you so much. This is better then my paid course that has HALF a million Students. So that means something .

  • @venkateswarareddy4670
    @venkateswarareddy4670 3 ปีที่แล้ว

    Viswas explains very well! It's better than some of Paid tutorials.

  • @bryciewiseman3204
    @bryciewiseman3204 3 ปีที่แล้ว

    Why are you better than all of my professors?

  • @wolfganggermain7175
    @wolfganggermain7175 4 ปีที่แล้ว

    Love how you switch between videos

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

    this is very very helpful and language is so simple to understand.

  • @maxvinella941
    @maxvinella941 4 ปีที่แล้ว

    Very good teaching for a complex argument.

  • @urmil22
    @urmil22 2 ปีที่แล้ว

    Best ever explanation on props

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

    You just simplify pros for me😮, thanks 😊

  • @nabil170277
    @nabil170277 2 ปีที่แล้ว

    Just wanna say that I, really enjoy the video series and kudos to you and your teaching style, really awesome job. I love it.

  • @babuprasadhp3196
    @babuprasadhp3196 2 ปีที่แล้ว

    Very nice tutorial, I have been looking for something like this for a long time. Well done for your efforts and teaching the react basics so well.

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

    Bruce, Clark, Diana - Bruce Wayne, Clark Kent, Diana (Wonder Woman). This guy is a DC fan ❤❤.

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

    Perfect series. Let's keep going.

  • @eric.m5790
    @eric.m5790 5 ปีที่แล้ว +2

    thanks alot for helping me finally understand what props do, you got a new subscriber

  • @nikosroom1913
    @nikosroom1913 3 ปีที่แล้ว

    you are SUCH A GOOD TEACHER oh my god

  • @elchino7672
    @elchino7672 3 ปีที่แล้ว

    What a wonderful tutorial! Thank you very much, Vishwas! You are amazing teacher

  • @srinivasaraoyp3640
    @srinivasaraoyp3640 2 ปีที่แล้ว

    It's the best demo on props. Thank you very much.

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

    Excellent tutorial on ReactJS

  • @fredericgaufichon7373
    @fredericgaufichon7373 3 ปีที่แล้ว

    That amazingly well explained, first time I understand props :) thx

  • @6977202865
    @6977202865 4 ปีที่แล้ว

    All your videos work perfectly well so far!! thanks for your time!!!!!

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

    Thanks. Now I understand props finally 🤓

  • @lifeinchrist6188
    @lifeinchrist6188 3 ปีที่แล้ว

    one of the best tutorials I could found...Grate job

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

    Batman, Superman and Wonder Woman, I really appreciate that!!! :D

  • @lollilolli4582
    @lollilolli4582 3 ปีที่แล้ว

    I don't understand how can anyone press dislike button , this is amazing thank you !!:)

  • @boukman3668
    @boukman3668 4 ปีที่แล้ว

    Esxcelent explination. this chanel deserves more attention. You got a subscriber in me

  • @socialnfarming4530
    @socialnfarming4530 4 ปีที่แล้ว

    I bow down for Ur superb explaination..

  • @easytech2105
    @easytech2105 3 ปีที่แล้ว

    hats off to your teaching skills

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

    ❤❤❤❤❤great work my dear
    Wow wow .
    I will go through all your tutorial
    Keep it up please!! !!

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

    Can't thank enough for such clear explanation.

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

    I wish "vish-was" was our teacher in college.

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

    This is extremely helpful. Thank you so much!

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

    Next level teaching man!!

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

    10/10 series. thank you

  • @roshanthapa25
    @roshanthapa25 2 ปีที่แล้ว

    Bruce, Clark, Diana... that sounds familiar 😁
    Jokes apart, brilliant content bro!

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

    awesome explanation 🙏

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

    Amazing Lecture!

  • @prateek4524
    @prateek4524 4 ปีที่แล้ว

    you are a superman buddy , thankyou for clear explanations..🔥🔥💯😊😊

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

    You cleared my doubt thankyou.

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

    I love the way you teach, thank you so much sir please Continue.

  • @sanketkushwaha4238
    @sanketkushwaha4238 2 ปีที่แล้ว

    Thank you for ur time and effort. Best series for react

  • @ekbergpeter6987
    @ekbergpeter6987 3 ปีที่แล้ว

    This was exactly what I was looking for. Thanks.

  • @GalaxyLemonade
    @GalaxyLemonade 4 ปีที่แล้ว

    Thank you! You are gold, man! I love you. I wish you all the best.

  • @ManishKumar-no2ek
    @ManishKumar-no2ek 4 ปีที่แล้ว

    Very very clear explanation.
    Thank you.

  • @moisessoto5061
    @moisessoto5061 3 ปีที่แล้ว

    props to you for making this video

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

    super clear. Thanks

  • @sontredis2579
    @sontredis2579 3 ปีที่แล้ว

    I FINALLY UNDERSTAND PROPS OMG BRO