Understanding Props and PropTypes in React | Complete React Course in Hindi #6

Поділитися
Вставка
  • Опубліковано 26 вер 2024
  • Props and Proptypes in React: In this react course, we will see how to learn react using projects.
    This is going to be a project-based course full of real-world react projects. In this video, we will learn about props and prop-tyes in react.
    Make sure to access the playlist here (Important): • React Js Tutorials in ...
    All the source code and other material will be uploaded on codewithharry.com as and when available!
    ►Checkout my English channel here: / programmingwithharry
    ►Click here to subscribe - / @codewithharry
    Best Hindi Videos For Learning Programming:
    ►Learn Python In One Video - • Python Tutorial In Hin...
    ►Python Complete Course In Hindi - • Python Tutorials For A...
    ►C Language Complete Course In Hindi -
    • C Language Tutorials I...
    ►JavaScript Complete Course In Hindi -
    • JavaScript Tutorials I...
    ►Learn JavaScript in One Video - • JavaScript Tutorial
    ►Learn PHP In One Video - • Learn Php In One Video...
    ►Django Complete Course In Hindi -
    • Python Django Tutorial...
    ►Machine Learning Using Python - • Machine Learning Tutor...
    ►Creating & Hosting A Website (Tech Blog) Using Python - • [Hindi] Web Developmen...
    ►Advanced Python Tutorials - • Intermediate/Advanced ...
    ►Object Oriented Programming In Python - • Object Oriented Progra...
    ►Python Data Science and Big Data Tutorials - • Python Data Science an...
    Follow Me On Social Media
    ►Website (created using Flask) - www.codewithhar...
    ►Facebook - / codewithharry
    ►Instagram - / codewithharry
    ►Personal Facebook A/c - / geekyharis
    Twitter - / haris_is_here
    Comment "#HarryBhai" if you read this 😉😉

КОМЕНТАРІ • 1,2 тис.

  • @CodeWithHarry
    @CodeWithHarry  3 роки тому +491

    Maza aa raha hai na? Hope you understood props
    For optimal learning, make sure to access, save and bookmark this playlist now: ua-cam.com/play/PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt.html

  • @bharatchandora7760
    @bharatchandora7760 3 роки тому +173

    I can see my dream coming true of being a full-stack web developer inspite of being a beginner. All the thanks to this course. Enjoying and learning more and more.

  • @sahilantil2782
    @sahilantil2782 2 роки тому +71

    Bhai apke bolne ka style bhot achha h sb smj aa jata h please react native, node.js, mongoDB ki new video and (html, css, js, react, react native, node.js and mongoDB k code ko real server jaise "aws" se kese connect krenge.... inse related video jrurar bnana) and thanku itna achhi videos bnane k liye mene apni coding start apki video dekh kr hi ki thi future m apse ak din jrurar milunga thanku so much

  • @punnarahul4068
    @punnarahul4068 3 роки тому +123

    tension lene ki koi baat nai.....this makes me relief tqsm harrybhai

  • @codewithswarnodip1811
    @codewithswarnodip1811 3 роки тому +121

    Getting a heart from Harry is impossible. 😭

    • @anshsharma494
      @anshsharma494 3 роки тому +5

      But you got

    • @gang_trips
      @gang_trips 3 роки тому +12

      He just said Nothing is Impossible 😎

    • @navneetkumar5517
      @navneetkumar5517 Рік тому +12

      Nice marketing skills or I can say selling skills

  • @yashsimra6090
    @yashsimra6090 3 роки тому +7

    Sir apka coarse dekh k ,mujhe job mili hai,ab react pad raha hoo,apki playlist se,this makes me realize your importance in my life,thank you so much for being in hard times😊🥰🥰

  • @visheshsatija9240
    @visheshsatija9240 3 роки тому +258

    when watching alone: harry- " toh samjhte hai iss component ko"
    When Parents enter- "Toh priyanka kse aaegi hmare ps, priyanka kyu hi aaegi hmare ps "

    • @abirrakshit5640
      @abirrakshit5640 3 роки тому +9

      I was lucky. I used headphones for better sound, haha!

    • @narcmusic
      @narcmusic 3 роки тому

      😂😂

    • @closertothecosmos3519
      @closertothecosmos3519 3 роки тому +9

      This happens literally watching anything be it movie or YT video 🤣

    • @khushaltiwary217
      @khushaltiwary217 3 роки тому +2

      Same happened with me when in previous vedio somewhere he said yeh dekho bara ho jaheyga design or kya . 😅N my dad was🤨

    • @farhad6365
      @farhad6365 3 роки тому

      ooooooooaaaaaaahhhhahhhhaaaaaa

  • @mohituniyal7
    @mohituniyal7 3 роки тому +47

    I would comment in every video till you don't reply. I am really thankful to you. I didn't have cs in 12th but learned programming c and CPP from your videos and still learning. Moreover, I got a confidence boost. Once again thank you for your efforts.

    • @towardstech4616
      @towardstech4616 11 місяців тому

      Bhai Ab Kia haal hen Kese jaarhe ha coding?

  • @shubhamkale735
    @shubhamkale735 3 роки тому +32

    6:56
    Meanwhile priyanka be like : " Sir bydefault apne hi toh export kiya isliye ana pada "

  • @codifyguru31
    @codifyguru31 3 роки тому +36

    I personally want to share my experience watching your videos, you are amazing sir... I am also an IT trainer (Offline) and want to create such free courses which I can deliver. The second thing I suggest all the viewers watch these videos every time on youtube... don't download them. This will be a great honor to Harry Sir for providing such content to make a career in programming.

    • @m.asalar1225
      @m.asalar1225 Рік тому +1

      HTML ,CSS, React JS languages are enough for Frontend web development

    • @naitikbhavsar4195
      @naitikbhavsar4195 Рік тому

      @@m.asalar1225 not at all

    • @m.asalar1225
      @m.asalar1225 Рік тому

      Which languages learnt for frontend

    • @SanilJadhav711
      @SanilJadhav711 Рік тому

      @@m.asalar1225 Yes they are, idk why he said that

  • @devesh819
    @devesh819 Рік тому +47

    Topics covered in this video are -
    1.How to use a component again and again by importing it from other file into App.js
    2.what are Props and how to use them
    3.PropTypes , defaultProps and isRequired .
    don't forget to import the prop types .

    • @nitinshinde642
      @nitinshinde642 Рік тому +3

      one more you missed that, twadda kutta tommy sadda kutta kutta 18:44

  • @ansh_aditya
    @ansh_aditya 3 роки тому +24

    Please make videos on :
    1.freelancing
    2.artificial intaligence
    3.Bug bounty

  • @brijeshmorya9737
    @brijeshmorya9737 3 роки тому +6

    Harry Bhai ke heart dene se junoon aata ha sikhne ka

  • @ryostyles9904
    @ryostyles9904 Рік тому +15

    17:51 note that harrybhai used 'Navbar.PropTypes =' while the document shows 'Navbar.propTypes=' (p has to be lowercase or it will give an error as 'typo')

  • @htmlhub-us8jl
    @htmlhub-us8jl 4 дні тому

    Honeslty, first I used to hate react because I was not able to understand react and its files etc. but now I am rewatching your videos and applying this simultaneously on my vs code is making me excited to learn more. Thanks for your help harry. Your videos are best.

  • @rickiodious
    @rickiodious 3 роки тому +27

    Priyanka ko aana he parega.........

    • @Thezaintaseer
      @Thezaintaseer 5 днів тому

      Priyanka ko yaahh k rhy gain ... 🎉

  • @shadabmalik8260
    @shadabmalik8260 2 роки тому +2

    Harry bhai tum kamal ho yr tumhara lecture dekhte hue lgta hi nhi h ki mai utube se padh rha hu esa lgta h ki jaise school ki class me padh rhe ho offline
    Love u bro.
    U r a best personality in tech wold.

  • @anmoljoshi3069
    @anmoljoshi3069 3 роки тому +5

    Your way of teaching is at another level!!!loved it

  • @anushkasingh9470
    @anushkasingh9470 2 роки тому +13

    Really like your teaching style. Thank you so much for making these tutorials Harry!

    • @AbdullahAkhtar-mo7ro
      @AbdullahAkhtar-mo7ro Рік тому

      sing is bling

    • @CODE-DAJAY
      @CODE-DAJAY 16 днів тому

      hello madem mere ko ek samyasaya aa rahi hai ......PS D:
      eactapp> node .\module1.mjs
      node:internal/modules/cjs/loader:1228
      throw err;
      ^
      Error: Cannot find module 'D:
      eactapp\module1.mjs'
      at Module._resolveFilename (node:internal/modules/cjs/loader:1225:15)
      at Module._load (node:internal/modules/cjs/loader:1051:27)
      at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:174:12)
      at node:internal/main/run_main_module:28:49 {
      code: 'MODULE_NOT_FOUND',
      requireStack: []
      }
      sab kuth @codewithharry ki traha kiya hain koi solution bataoo aapne to 2 years age dekha tha

  • @kavita2491
    @kavita2491 2 роки тому +9

    I truly enjoy watching and learning in fun manner from your videos. You are an amazing trainer and the way you explain the concepts is indeed mind blogging👍

    • @AnonymousM4
      @AnonymousM4 2 роки тому +1

      Tum bhi so rhi thi kya? 😂

  • @abdulrehmaan153
    @abdulrehmaan153 2 роки тому +4

    Apne sheher me mithai batwao,... 😂😂😂
    Ye props n components ka concept itna badiya hai ke sach me mithai batwane ka dil kar raha hai ❤️

  • @learningwithchand6348
    @learningwithchand6348 3 роки тому +4

    A very good teacher, with your help, today I am able to become a fullstack developer, thank you very much sir, may God bless you.

  • @punnarahul4068
    @punnarahul4068 3 роки тому +8

    This course is very helpful.

  • @mmcs2244
    @mmcs2244 3 роки тому +3

    "प्रियंका क्यों नहीं आएगी" , उसको आना पड़ेगा ? 😂
    For me the best part was "Kyon aayegi Priyanka hamare pass 😂, Priyanka ko aana padega 😁" ...
    Check 6:58
    .
    I really like the way you explain the concept bro. Love from Microsoft employee 👍👏

  • @kavya_paliwal6270
    @kavya_paliwal6270 3 роки тому +5

    Code With Harry Best Channel For Stùďenţs

  • @sakshamjoshi1118
    @sakshamjoshi1118 3 роки тому +5

    Bohot Maza aa Raha h sir 🔥🔥❤️
    Thank you so much Harry Sir ❤️

  • @utkarshgupta2778
    @utkarshgupta2778 3 роки тому +2

    Best page on UA-cam . Sir kon Baxckened use karenge

  • @nimishajain3722
    @nimishajain3722 3 роки тому +5

    Arey bahut mazaa aara harry❤
    Thankyou🙏🙏🙏

  • @shitalkamble110
    @shitalkamble110 7 місяців тому +1

    Learning from you is getting confidence on another level,even if i get any error i can solve it,Thank you so much for your valuable time for us💝

  • @aeroplane769
    @aeroplane769 2 роки тому +9

    the reason why you should not change props inside the component is that components are reusable, they can be used in multiple places.

  • @BhaumikBrahmbhatt
    @BhaumikBrahmbhatt Рік тому +2

    Harry Sir, you are Alakh Pandy for React!!! I know to code, so I can understand react easily but the way you teach, it's awesome. Even training student can learn without any issue

  • @skilldeveloper8790
    @skilldeveloper8790 3 роки тому +8

    sir please make e-commerce website series using reactjs

  • @M_Zubair5017
    @M_Zubair5017 7 місяців тому +1

    Thanks Allah Almighty for giving me such friends which are so Helpful and direct me towards this course.

  • @vidhayakg9197
    @vidhayakg9197 2 роки тому +5

    Never Skip the video even for a second
    If you do that one second will destroy you 😂❤️
    I just skipped and it took an hour to understand what was the mistake 😶❤️
    #Harrybhai

  • @ShivaniAwasthi-p7v
    @ShivaniAwasthi-p7v Місяць тому

    I love you, aapka padhane ka tareeka bhut sahi h, m kabhi kisi video se padhne pr bore nhi huyi.

  • @xidkhan2831
    @xidkhan2831 Рік тому +5

    Priyanka ko ana parega.. ana parega.

  • @Muhammad_Hadi_786
    @Muhammad_Hadi_786 6 місяців тому +1

    Thanks a lot Harry bhai for this props lecture its amazing and easy to understand .
    From Pakistan

  • @lakshyashankar
    @lakshyashankar 3 роки тому +3

    This react course is helpful

  • @harshtambe6823
    @harshtambe6823 3 роки тому +2

    Bhaiya iske baad React Native ka course bhi lavooo na please 🙏

  • @codingdress5143
    @codingdress5143 3 роки тому +2

    your way of teaching is absolutely amazing ,props bhut ache se samajh aya thankyou so much 😊😊 and please complete this course as soon as possible our placements r also coming 🙏

  • @ZainabALMansoor-g9r
    @ZainabALMansoor-g9r 2 дні тому +1

    your lecture was very helpful

  • @harsh2k2
    @harsh2k2 Рік тому +3

    2:00 JavaScript and React/Redux snippets in ES7+ with Babel plugin features for VS Code

  • @adeshmahatme1988
    @adeshmahatme1988 3 роки тому +1

    😅😅😅😅harry bhai ke examples muh mai pani le aati hai chai,pakoda aur bohut kuch [tea,snacks,...others]

  • @closertothecosmos3519
    @closertothecosmos3519 3 роки тому +3

    24:53 Harry Bhaiyya Crystal Clear!!! Props Smjh gaya ache se thuk marke 😂

  • @siddhant1450
    @siddhant1450 2 роки тому +1

    I am the master of props in react after this video😀👍thank's 🙏🏻🙏🏻

  • @ubaidemustafaofficial3360
    @ubaidemustafaofficial3360 Рік тому +3

    Love you from Pakistan...
    I am watching you first time in React
    if you also upload the class code it also good in your relevant class

  • @sriharshagajawada1635
    @sriharshagajawada1635 2 роки тому +2

    I just love your way of teaching. Getting every concept like a GUNSHOT

  • @arpitjain3337
    @arpitjain3337 2 роки тому +3

    I see the video 3 times and after that I understand props completely. Thank you for making this course

  • @snehabodhgire6965
    @snehabodhgire6965 3 роки тому +1

    I enjoy this video very much

  • @spandanmanna4028
    @spandanmanna4028 3 роки тому +3

    This react course is helpful!

  • @mrsst1
    @mrsst1 Рік тому +1

    Gurudev pranam aap ko .. kitna accha padhate h aap ...

  • @divyachauhan9966
    @divyachauhan9966 3 місяці тому

    Watching this video was a truly enriching experience. Thank you for creating it!"

  • @Pawan5218
    @Pawan5218 3 роки тому +2

    Please machine learning tutorials

  • @supriyayadav966
    @supriyayadav966 3 роки тому +2

    Thanks Harry Bhai for this amazing project😎😎😎

  • @l.btechbymahernafees.4481
    @l.btechbymahernafees.4481 4 місяці тому +1

    Congratulations harry brother for 6.01M subscriber love from Pakistan Lahore❣

  • @snehabodhgire6965
    @snehabodhgire6965 3 роки тому +1

    Your are my real teacher sir

  • @idealspeaker1377
    @idealspeaker1377 4 місяці тому +5

    using PropTypes is deprecated Harry bhai. :(

    • @drama1569
      @drama1569 4 місяці тому

      Us Kay replace main ab kya use krte haen

    • @idealspeaker1377
      @idealspeaker1377 4 місяці тому

      @@drama1569 after reading a number of articles, maine dekha typescript ke alawa koi alternative nehi hain..

    • @arung7117
      @arung7117 3 місяці тому

      Saale 2 saal purana video he 😂

    • @M.HamzaHassaan
      @M.HamzaHassaan 3 місяці тому

      ​@@idealspeaker1377js b kren ts b kren!?

  • @poojalahane2584
    @poojalahane2584 Рік тому +1

    Thank you sir 😘 finally get it. After watching two times 😊.

  • @shubhamgoyal5885
    @shubhamgoyal5885 2 роки тому

    Sir Hindi m bnake bhot acha kaam kia aapne english m smjhne m dikkt hoti h

  • @tonymax7170
    @tonymax7170 3 роки тому

    bhai aap ka jo sikhane ka tarika hai na wo kamaal hai (exciting for next video)

  • @the_creator8981
    @the_creator8981 3 роки тому +1

    This React Course is very very very Helpful

  • @adeeltemp
    @adeeltemp 6 місяців тому

    You are the Best Tutor In the whole UA-cam, Love you bro

  • @codefriend4100
    @codefriend4100 2 роки тому

    Your "mai huna Tension leneki koi bat nahi " motivates me alot.

  • @shaikzahid1421
    @shaikzahid1421 Рік тому

    Waaah Haris bhai waaah 🔥 ; I have seen many vedios from udemy , Coding ivaders , UA-cam - But never understood concept of props but in ur video in 1 st attempt i understood it ........ Harry bhai love You ❤ ; Living Legend

  • @Siddhantmane03
    @Siddhantmane03 3 роки тому +2

    Please make video on count vectorizer sir.

  • @sanvansh3560
    @sanvansh3560 Рік тому

    Bhai kya samjate ho app. Mazza aa jata hai doubt clear kr dete ho purre 👏👏👏

  • @gauravarora4591
    @gauravarora4591 Рік тому

    Bilkul Maja aa rha hai Harry Sir, Before watching this video, I heard about props and states and watched few other videos but all went above my head but now after watching your video I can say I know what props and propTypes are. Thanks for making it so easy

  • @arnavmehta3669
    @arnavmehta3669 3 роки тому +1

    I just Finished the last video and here we go again

  • @itsmytechnology9285
    @itsmytechnology9285 3 роки тому +2

    Amazing Playlist Harry Bhai 🔥😊😃

  • @durgeshbaghel3513
    @durgeshbaghel3513 Рік тому

    yes mja a rha hai props sek gya mai
    mai kafi deno say presan tha props ko lekr but ab koi daut nhi hai thanku so much

  • @laxmipriyapradhan1704
    @laxmipriyapradhan1704 Рік тому

    Thankyou so much .... mereko Bahut din se format ka doubt tha... Awesome video... Please Harry ap na chat bot ka b video bnaye plz plz plz jisme time date b rahe ... Please

  • @khizermasood1002
    @khizermasood1002 10 місяців тому

    perfect sir such a great course that you made but the one thing is that this course is helpfull for the people who knows programming alredy i am not saying this not helpfull for beginners but this is moe helpful for prgrammers

  • @DS-yw7lp
    @DS-yw7lp 3 роки тому

    Nhi harry..apke vdos koi kese miss kr skta h sokar...best vdos

  • @ramisallinone6282
    @ramisallinone6282 9 місяців тому

    free mai itna aacha content dene ke liye thank you bhaiya

  • @09.arkodevmukherjee24
    @09.arkodevmukherjee24 3 роки тому

    Sir I am sharing your every video as well as I am giving like to every video so please don't stop making the videos

  • @rootbattlegrounds7948
    @rootbattlegrounds7948 Рік тому

    Harry BHAII ke Videos MAST hote hai ...😎😎

  • @tiktokfun712
    @tiktokfun712 11 місяців тому

    Bhai ap Kamal ho
    Allah Khush rakhy apko
    Ye cheez itny achy se institute waly bhi ni parhaty

  • @vansh1190
    @vansh1190 Рік тому +1

    Day6 #100DaysOfCode with CODEWITHHARRY,
    #javascript & #react,
    Today i learnt about Props and some of its properties in ReactJS.
    props are simply like the parameters of the functions and we can define a prop by simply writing them as an attribute.

  • @riteshkumari5415
    @riteshkumari5415 3 роки тому

    maza aa gya sir apki video dekh ker, mene bohot videos dekhi but abhi tak sbse best video apki lagi, thank you so much sir for making amazing video

  • @dharmeshprajapati5428
    @dharmeshprajapati5428 2 роки тому +1

    Best explanation on prop and propTypes ..
    Thanks you so much.

  • @_mtarique
    @_mtarique 6 місяців тому

    Amazing course sir...I was looking for some best react course on youtube or udemy but finally arrived to this one...but first 3 videos seemed overwhelming to me then from 4 video of JSX made it interesting

  • @hukumkhede9776
    @hukumkhede9776 2 роки тому +2

    Really very helpful, I appreciate. At 6:56 I couldn't stop to laugh myself.

  • @hassanjaved906
    @hassanjaved906 2 роки тому

    I love you harry you are one of my best teacher instructor whatever you like, I learn DSA from you, now its time to learn React Thanks for the effort and time from Pkistan

  • @BitrateStudios
    @BitrateStudios 3 роки тому

    aaj jaa kr react samajh aaya hai . actually, mainay bahut saray jagah try kr liya but finally aaj samajh aya hai. thanks to harry chaccha

  • @aniketshewale5051
    @aniketshewale5051 3 роки тому +1

    This course is very very useful 😊😊

  • @mohammedrayan2192
    @mohammedrayan2192 9 місяців тому

    @CodeWithHarry Jab me college se aaya tha tho dekhte dekhte sach me sogaya tha.Phir dusre din video starting se dekhi tho last me aapne bola so gaye hoto phir se dekho 😂😂 wo dekhke comment kar rha hu 😂❤.By the way, video props bohot easily samajh me aagaya. Love you Harry bhai❤🫂.

  • @mantumsp3647
    @mantumsp3647 6 місяців тому

    Thanks for punching this valuable course.

  • @decentmen10
    @decentmen10 Рік тому

    thank you bhai your teaching method is amazing

  • @reallifefacts34
    @reallifefacts34 Рік тому

    Harry bhai udemmy sy couse buy kia lakin smj ni ai ub apka course kamal h, maza a ra h boring ni hu rai

  • @48_subhambanerjee22
    @48_subhambanerjee22 Рік тому

    Oooo vaiiiiii fire Banda he ye... Op video.. code reusability in html omgg

  • @AKR3_unofficial
    @AKR3_unofficial 2 роки тому

    bro samajh me aa gye PROPS, thanx

  • @muhammadhamzaalirajpoot5721
    @muhammadhamzaalirajpoot5721 2 роки тому

    thank u itni achi videos bananay k liay ( love from Pakistan )

  • @M_Zubair5017
    @M_Zubair5017 7 місяців тому +1

    Clear...Thank you Harry Bhai..

  • @yogeshdharya3857
    @yogeshdharya3857 Рік тому +1

    9:30 Mithai toh nahi pata brother lekin Kitchen jaa k biscuit khaaye aaunga kuch achieve jo kiya h aaj .Thaknk u brother

  • @naveensingh6459
    @naveensingh6459 2 роки тому +2

    6:55 Harry bhai: Bulati hai magar jaane ka nai😂 and priyanka be like "Mujhko jaana pdinga... Mujhko jana pdinga🤣"

  • @amarshukla07
    @amarshukla07 3 роки тому +1

    Bade bhai ki tarah samjha diya

  • @mohammedadnana8651
    @mohammedadnana8651 3 роки тому +1

    thank very much harry bhai!

  • @SahilSharma-hx6dc
    @SahilSharma-hx6dc 3 роки тому +2

    Your knowledge is blessing for us.
    Thank you so much 🙏.

  • @rohitgajmer805
    @rohitgajmer805 Місяць тому

    harry bhai aap(Priyanka bolte-bolte) bhul gaye the na.. bas kehna hai chata hu.. thnx u for such lovely vid and your effort..

  • @dhruvbajoria4502
    @dhruvbajoria4502 3 роки тому +4

    Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
    showing this error while using Navbar component @codewithharry

    • @shanks7262
      @shanks7262 2 роки тому +1

      i got the same error looking for a resolve
      edit :- resolved it ,for some reason if you provide className attribute to the div tag error gets resolved