Learn how to use Props in React in 19 minutes (for beginners)
142,023
Published 2021-09-20
๐ฉ 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)
-
๐ฌDo you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) ๐ links.papareact.com/university
-
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
-
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!
-
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.
-
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?
-
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 :)
-
This is THE best props video
-
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.๐
-
thanks
-
I would like you to post a video of your application using supabase.
-
Good tan :) Finally you are back, man
-
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 ๐
-
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...โคโค
-
Nice explanation
-
You are amazing ๐๐
-
This is one of those gems, simplified and explained the props with a very easy to understand example! Awesome video