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

142,023
0
Published 2021-09-20
๐Ÿšจ 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/dailycodingchallenges

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

All Comments (21)
  • 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
  • @vrdevchris5008
    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!
  • @jimmyopot1972
    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.
  • @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.
  • thank u so much for these! could u please make some introduction for usage functions as a props?
  • @siriraj322
    THANK YOU MY BROTHER FROM ANOTHER COUNTRY AND ANOTHER FAMILY!!!
  • Sonny! I can't wait for the next 5 day build series! I wonder what application is next :)
  • @penguinxed
    this is one of the cleanest and easiest props tutorial out there
  • 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.๐Ÿ™‚
  • @yuukik2381
    I would like you to post a video of your application using supabase.
  • @anandvittal7558
    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 ๐Ÿ‘
  • @dx497
    Nice sonny keep it up bro your videos helped me a lot and today i will say for you Appreciated dude ๐Ÿ‘๐Ÿ‘๐Ÿ˜Š
  • ohh what a coincidence sunny, I am learning RecatJs while developing amazon_clone (@clever Programmer) and having some doubts in pops...and here you have cleared every doubt by taking an example of amazon app.....thank you sunny...โคโค
  • @DanielLekhok
    This is one of those gems, simplified and explained the props with a very easy to understand example! Awesome video