Learn how to use Props in React in 19 minutes (for beginners)

🚨 Join the world’s BEST developer community “Zero to Full Stack Hero”: www.papareact.com/course
📩 Want coding problems (with solutions!) delivered to your inbox daily? www.papareact.com/dailycoding...
This video is designed to get you familiar with Props in React where we cover topics such:
👉 What Props stands for
👉 Where are Props used
👉 How are Props passed
👉 Build an Amazon style app to explain how Props work!
🔴 LOOKING FOR THE CODE? 🛠️
links.papareact.com/github
👇🏻FOLLOW ME HERE:
Instagram: links.papareact.com/instagram
Facebook: links.papareact.com/facebook
LinkedIn: links.papareact.com/linkedin
Twitter: links.papareact.com/twitter
Discord: links.papareact.com/discord
Newsletter: links.papareact.com/newsletter
💰 WANT TO SUPPORT THE CHANNEL?
Donate here: links.papareact.com/donate
Grab some PAPA Merch: links.papareact.com/merch
🕐 TIMESTAMPS:
00:00 Intro
00:19 Skillshare Sponsorship
02:00 Introduction to Props
03:13 Example of using Props
06:29 Building a demo app for Props
12:04 Destructuring Props
12:43 Building a Sub Component
14:14 Passing down Props
15:47 Refactoring to Class Based Component
17:16 A small tip!
18:06 Summary
18:34 Outro
Let’s get it PAPAFAM 🔥.
#react #props #javascript

Пікірлер: 161

  • @SonnySangha
    @SonnySangha Жыл бұрын

    📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university

  • @bojanangeleski129
    @bojanangeleski1292 жыл бұрын

    Hey sonny, I just wanna thank you, because of you I win hackathon for react JS, and I get scholarship for 1100 euros and job offer for 2 years. I am starting on 1st of November as an intern 3 months and as a junior 2years. So big big thank you for motivating me and being so good on what you do. I am waiting for more react native content and I wish all best for you. God bless you. FIRE CONTENT 🔥🔥🔥 papa react for life

  • @SonnySangha

    @SonnySangha

    2 жыл бұрын

    WOW that’s AWESOME dude thank you for making my day!!! #PAPAFAM

  • @ahmeism90

    @ahmeism90

    2 жыл бұрын

    🔥👏🏼

  • @danaharley3565

    @danaharley3565

    2 жыл бұрын

    🔥🔥🔥

  • @tutorialsking1997

    @tutorialsking1997

    2 жыл бұрын

    Where you got job, which hackthon u win, where u learned, please tell complete

  • @Dedition

    @Dedition

    2 жыл бұрын

    How's life 7 months later?

  • @mik0son
    @mik0son Жыл бұрын

    Love how you keep it real while breaking things down enough for anyone to understand. You got that high intelligence yet still keep it in simple terms for beginners. I was struggling with grasping props on *several* tutorials until I saw your video. You helped me progress more toward my ultimate goal; will be watching more of your videos until I get there.

  • @ahmedchabayta4163
    @ahmedchabayta41632 жыл бұрын

    Been a while lurking watching your tutorials. And I wanted to say I appreciate your work and the effort you put into making these tutorials as good as they are. I think I speak on behalf of anyone who's trying to learn javascript when I say this, thank you for the beautiful work you do and the passion that is apparent behind the work.

  • @boneykingofsomewhere
    @boneykingofsomewhere Жыл бұрын

    I've learned a lot from these short videos, I've been learning react on-off for a while but this and useState video really helped me understand exactly how and why they work, thanks a lot Sonny.

  • @DanielLekhok
    @DanielLekhok Жыл бұрын

    This is one of those gems, simplified and explained the props with a very easy to understand example! Awesome video

  • @zalodias123
    @zalodias1232 жыл бұрын

    Very nice explanation of data flow in props, finally grasped it! Thanks Sonny!

  • @RockstahRolln
    @RockstahRolln2 жыл бұрын

    This has been a very useful video! Thanks a LOT for putting out this demonstrative and simplified video, it makes React coding a lot more fun!

  • @vinayaksharma-ys3ip
    @vinayaksharma-ys3ip2 жыл бұрын

    Easy and crisp teaching!! Thanks a ton. You just earned a subscriber buddy!!🙌

  • @Avarn388
    @Avarn3882 жыл бұрын

    Well done. I’be been learning react JS and this video really cleared up a lot of what I was struggling with props. So thank you for that.

  • @ramanarc
    @ramanarc Жыл бұрын

    dude you're awesome, I was having a hard time understanding this but you explained it very simply - thanks!

  • @michaelcurrie7972
    @michaelcurrie79722 жыл бұрын

    Good video Sonny. Going through this stuff in school and you made it a little more clear!

  • @anandvittal7558
    @anandvittal75582 жыл бұрын

    I'm trying to understand props in the internet no where I understood but your the best one to made me understand about props. Thanks 👍

  • @jordanekul
    @jordanekul6 ай бұрын

    Brilliantly concise video, thanks

  • @patrykolszewski788
    @patrykolszewski7882 жыл бұрын

    Subbed for clarity of explanation, awesome content.

  • @breadpitt7557
    @breadpitt7557 Жыл бұрын

    So good! So clear! THANK YOU!!

  • @shadykhatri5668
    @shadykhatri56682 жыл бұрын

    Best video about props Got everything clear within 19 minutes Thanks

  • @amadousallah8916
    @amadousallah8916 Жыл бұрын

    Thank you Sonny. Very well explained.

  • @tanakachidemo
    @tanakachidemo Жыл бұрын

    Great video. Very clear explanations.

  • @bahramahmedzade7038
    @bahramahmedzade70382 жыл бұрын

    Good tan :) Finally you are back, man

  • @jessejordan466
    @jessejordan4662 жыл бұрын

    Wow thanks a lot i was struggling with props and you did so well in explaining it thanks a lot

  • @JohnSnow-gi7iv
    @JohnSnow-gi7iv2 жыл бұрын

    i am able to do my job well because of you Sonny and thank you so much for creating these content.

  • @matt112fly
    @matt112fly2 жыл бұрын

    best video that explains the concept well.. subscribed and liked thank u

  • @ryanwoods3333
    @ryanwoods3333 Жыл бұрын

    brilliant explanation. thank you!

  • @Arabian_Epileptic
    @Arabian_Epileptic2 жыл бұрын

    Sonny! I can't wait for the next 5 day build series! I wonder what application is next :)

  • @Codingkite

    @Codingkite

    2 жыл бұрын

    😀😀

  • @thevisualkidd
    @thevisualkidd Жыл бұрын

    Thanks for making awesome videos with great analogies! I won't forget this time

  • @justttn
    @justttn Жыл бұрын

    thanks soooo much for this Sonny 🔥

  • @FootballForThePeople
    @FootballForThePeople Жыл бұрын

    Brilliant. First coding youtuber I've subscriped to. Absolut class.

  • @HeyNoah
    @HeyNoah2 жыл бұрын

    Awesome! Thank you Sonny!

  • @mritunjay7065
    @mritunjay70652 жыл бұрын

    Really awesome explanation !

  • @vrdevchris5008
    @vrdevchris50082 жыл бұрын

    Yo man, I am now a Senior Frontend Engineer and I love even your basic stuff because it's always good to revisit basics to fill in holes and also reinforce understanding. I'm learning a ton from your content and I can tell from experience that you are spending some serious time/effort on your stuff, it's really showing. Thanks for your efforts and please keep it up!

  • @postingbmwm3

    @postingbmwm3

    2 жыл бұрын

    After how many years can one call themselves senior?

  • @vrdevchris5008

    @vrdevchris5008

    2 жыл бұрын

    @@postingbmwm3 Senior is just a job title. Took me a couple years of intense React dev and tons of work, but I got a job as a Senior React dev afterwards. Probably takes a solid 3,000 - 4,000 hours in the craft to get there, about what it took me.

  • @sujathareddyp9444

    @sujathareddyp9444

    Жыл бұрын

    can you teach me mr.charis

  • @dx497
    @dx4972 жыл бұрын

    Nice sonny keep it up bro your videos helped me a lot and today i will say for you Appreciated dude 👍👍😊

  • @apatil
    @apatil2 жыл бұрын

    Thank you for this 👍🏻

  • @vedatsozen
    @vedatsozen Жыл бұрын

    I need to watch this video many times to learn better. You are teling so understandable. Thanks.

  • @codewithsaj9270
    @codewithsaj92702 жыл бұрын

    such a great tutorial on props.. thanks sonny

  • @daromacs
    @daromacs2 жыл бұрын

    Very nice way to explain and full of great hacks too, thank you!

  • @penguinxed
    @penguinxed Жыл бұрын

    this is one of the cleanest and easiest props tutorial out there

  • @i701Dev
    @i701Dev2 жыл бұрын

    Hey sonny, i just wanted to say thank you for your videos. You have helped me understand React and React Native a lot and gave me confidence and motivation to build an app myself which i did today. All thanks to your live streams. So thank you! Keep up the good work. Lets go PAPAFAM! 🔥

  • @kelseydavidson1173
    @kelseydavidson1173 Жыл бұрын

    This is great! Thank you!!

  • @theodoreivanov6257
    @theodoreivanov62572 жыл бұрын

    Clearest explanation I have come across.

  • @39_ganesh_ghodke98
    @39_ganesh_ghodke983 ай бұрын

    This is THE best props video

  • @riteshraj8348
    @riteshraj83482 жыл бұрын

    Good to have you back Sonny. Love from India ❤️

  • @danielsladecek8258
    @danielsladecek82583 ай бұрын

    thank u so much for these! could u please make some introduction for usage functions as a props?

  • @yogeshyts
    @yogeshyts2 жыл бұрын

    Your initial camera quality was op dude🔥🔥🔥

  • @arturodacorte
    @arturodacorte2 жыл бұрын

    Thanks for doing this man

  • @ludwigvillalba1886
    @ludwigvillalba1886 Жыл бұрын

    Thanks for sharing!

  • @altravels7426
    @altravels74262 жыл бұрын

    Good stuff bro you have some of the best vids on react.

  • @htsn256
    @htsn256 Жыл бұрын

    Youre brilliant mate

  • @natachijs2566
    @natachijs25662 жыл бұрын

    I just love your content

  • @charliebanales5287
    @charliebanales52872 жыл бұрын

    great video! Thank yoU!

  • @jimmyopot1972
    @jimmyopot19722 жыл бұрын

    Sonny today (22 nd September 2021) I closed in on a Front end React Job here in Nairobi, Kenya. This was largely because of your react videos I've been following for the past couple of months. I know thank you isn't sufficient to show my gratitude bro, but keep doing what you do, you are literally impacting lives.

  • @SonnySangha

    @SonnySangha

    2 жыл бұрын

    Dude!!! That is incredible well done!!!! A thank you is a blessing so thank you dude for sharing!

  • @pythonwolf3817

    @pythonwolf3817

    2 жыл бұрын

    congrats bro, happy for you 😇🙂🥳🥳

  • @bellasvideo5620

    @bellasvideo5620

    Жыл бұрын

    🤣😂

  • @bellasvideo5620

    @bellasvideo5620

    Жыл бұрын

    @@SonnySangha 😂

  • @KarakiriCAE
    @KarakiriCAE Жыл бұрын

    very clear and informative video

  • @viniciuscosta6674
    @viniciuscosta66742 жыл бұрын

    Amazing video!! Papa React is back!!

  • @RahulSharma-ke7wg
    @RahulSharma-ke7wg2 жыл бұрын

    thanks you so much . i am learning so much from this channal..

  • @davonnev696
    @davonnev69611 ай бұрын

    Thank you for this video

  • @siriraj322
    @siriraj322 Жыл бұрын

    THANK YOU MY BROTHER FROM ANOTHER COUNTRY AND ANOTHER FAMILY!!!

  • @rajkr9
    @rajkr92 жыл бұрын

    thankyou sonny bhaiya, this was good!!!🧡🧡🧡

  • @lifeadventure859
    @lifeadventure859 Жыл бұрын

    Thank you!

  • @obonyoemmy
    @obonyoemmy2 жыл бұрын

    Wow, this is a good video. Thanks bro.

  • @FaroukPopoola
    @FaroukPopoola Жыл бұрын

    This was useful. 👍🏾

  • @programmingwithnit5308
    @programmingwithnit5308 Жыл бұрын

    Thank you so much🙏🙏

  • @sahadpop4135
    @sahadpop4135 Жыл бұрын

    Ayeee thanks ♥️

  • @taiwoaladesiun2038
    @taiwoaladesiun2038 Жыл бұрын

    Hi boss, I'm impressed at people's comment about your content coupled with this props video I just saw on your Channel it gives me the joy of wanting to be a part of your community. 1 Subscriber won👍

  • @ShanakaMadhushan-cw8rh
    @ShanakaMadhushan-cw8rh Жыл бұрын

    Nice work bro

  • @santoshkharel6373
    @santoshkharel63732 жыл бұрын

    You are amazing bro ,, made my 🌅 God bless you

  • @javohirmurodov4670
    @javohirmurodov46702 жыл бұрын

    It is just awesome!

  • @julialee690
    @julialee690 Жыл бұрын

    soooo helpful !

  • @arjunjoshi3481
    @arjunjoshi34812 жыл бұрын

    Sonny, posting 🔥content. Keep it coming, man. Lot's of love

  • @_____iak_____
    @_____iak_____2 жыл бұрын

    You are amazing 👍👍

  • @baabadampare8714
    @baabadampare8714 Жыл бұрын

    thank you!!!

  • @riansyahtohamba8215
    @riansyahtohamba82152 жыл бұрын

    Thanks for videos

  • @lipiakter590
    @lipiakter59010 ай бұрын

    Great man

  • @ryanwoods3333
    @ryanwoods3333 Жыл бұрын

    Thanks!

  • @mohamadrezakazemian5220
    @mohamadrezakazemian5220 Жыл бұрын

    nice job. keep it up

  • @shopsrise5137
    @shopsrise51372 жыл бұрын

    Thnku Sonny #PAPAfam ❤

  • @mitotv6376
    @mitotv63769 ай бұрын

    Nice explanation

  • @moe9647
    @moe96472 жыл бұрын

    very good teacher. You and net ninja are very good... Brits are elite

  • @ankittripathi1456
    @ankittripathi14562 жыл бұрын

    Hey Sonny,You are too good man.I have learnt a lot from your channel.I am a big fan of yours.I have a bussiness idea of rental booking application and I will create it in MERN stack.but I don't know how to dockerize it and prepare for production and use tools like nginx and deploy it on hostinger vps hosting.So I want you you make a video on dummy MERN app which is dockerized ,running server on nginx and host it on hostinger vps hosting with SSL certification.Please do it.I really need it and it will be life changing tutorial for me.Please Sonny, Itwill be too useful for everyone who want to make application that can scale.🙂

  • @cameronerasmus633
    @cameronerasmus633 Жыл бұрын

    Love your videos, Sonny! ♥ thank you for always being so forthcoming with regards to sharing explanations. I'm curious about what software you use to write on screen (like you do from 3:40 onwards). My main source of income comes from teaching and it seems like a product I could benefit from quite a lot. Stay frosty

  • @SonnySangha

    @SonnySangha

    Жыл бұрын

    Hey dude thank you so much! - the app is called screenbrush!

  • @mohibkhan2492
    @mohibkhan24922 жыл бұрын

    Welcome back bro 😍😘

  • @itsmydiary1730
    @itsmydiary1730 Жыл бұрын

    useful video !

  • @programming5383
    @programming53832 жыл бұрын

    Thanks

  • @reisezone4574
    @reisezone45742 жыл бұрын

    very very useful

  • @arpitkolwar5916
    @arpitkolwar591611 ай бұрын

    thank you

  • @ravindrakumaryadav566
    @ravindrakumaryadav5662 жыл бұрын

    Love you sir

  • @bozainumaanalikhan2496
    @bozainumaanalikhan249621 күн бұрын

    thanks

  • @akosp-h8057
    @akosp-h80572 жыл бұрын

    Hi Sonny, what program do you use for drawing to the screen?

  • @lalasmith2137
    @lalasmith21372 жыл бұрын

    Hey Sonny, new subscriber here- been binge watching all the challenges and trying for myself and the clones you built - just incredible and amazing that i found your channel. May i ask for some advanced projects as well? maybe with more focus on logic, form validations, server side requests just to learn the best practices from you! much love

  • @SonnySangha

    @SonnySangha

    2 жыл бұрын

    Hey dude! Thanks so much for supporting! I go super in depth and technical inside my course, particularly for diamond members! Check it out at www.PapaReact.com/course

  • @viniciusm.m.7822
    @viniciusm.m.78222 жыл бұрын

    thanks!!!!

  • @yuukik2381
    @yuukik23812 жыл бұрын

    I would like you to post a video of your application using supabase.

  • @maazparkar3352
    @maazparkar33522 жыл бұрын

    Can you made class based components and their explanation on react class life cycle pleaseeeeee

  • @quanthaiit5704
    @quanthaiit57042 жыл бұрын

    thanks you so much. Can you build project with API , thank you

  • @pzer0man
    @pzer0man2 жыл бұрын

    wow, Sonny was being looked for we finally have found him :)

  • @ankitrikame336
    @ankitrikame3362 жыл бұрын

    Nice

  • @Millionairelifestyle124
    @Millionairelifestyle1242 жыл бұрын

    Hello sonny, I learned HTML,CSS,js,bootstrap, now learning react. I did a lot of projects on my Github. Now how can I get my first job

  • @hehehehehehehe3224
    @hehehehehehehe3224 Жыл бұрын

    we are seen this video with my friends and we love this video but we have some question how can we pass a useState data that's difficult for us

  • @joshuagalit6936
    @joshuagalit6936 Жыл бұрын

    I watched it within 1min and then boom i'm a developer now

  • @yeisonramirez4557
    @yeisonramirez45572 жыл бұрын

    Does anyone know what's software sonny is using to draw the explanation?

  • @thayaganthusiyanthan9708
    @thayaganthusiyanthan97082 жыл бұрын

    Xan you please make a video on how to code a cloud native app website tutorial with stripe payment

  • @simple_islam_
    @simple_islam_ Жыл бұрын

    Can you make a video on passing data from child to parent component please......