To subscribe to the channel: kzitem.info/rock/mOpHGj4JRWCdXhllVTZCVw
@yhbarve
14 күн бұрын
Wow! You made this so easy for me. Thank you
@TheCodeCreative
13 күн бұрын
Glad I could help! Let me know what other topics you'd like to see.
@deadwalkru
3 жыл бұрын
So it's only useful in class components? Reusable hooks are much easier to understand.
@137dylan
3 жыл бұрын
Is this similar to "higher order components"? We are using a component, to accept a component, and return a component
@Quicknuggets
2 жыл бұрын
Can the wrapper componet be a functional componet? Or does it have to be class base
@itakpeemmanuel5863
2 жыл бұрын
It can be functional component, so no 'this' ans state is managed with the useState hook
@abuhuraira5569
Жыл бұрын
is "render" a keyword in app.js?
@JolandaCimina
7 ай бұрын
dry means don't repeat yourself, but you repeated yourself with the result of complicating the code
@marcovanali1449
3 жыл бұрын
Very well explained thanks! Could you explain the differences between this approach with render props and instead using re-usable hooks?
@abhiramsatpute
2 жыл бұрын
I also wanted to know the same, let me know if you found s a good resource to answer this!
@abhiramsatpute
2 жыл бұрын
Also, can this Wrapper be called a Higher Order Component?
@hectorserrano9314
2 жыл бұрын
@@abhiramsatpute From what I've understood. This is the old way of doing and that's what hooks are solving. Hence you shouldn't be looking to go for this approach if you're using newer versions of react. In fact, if you read the documentation, they have render-props as the "motivation" for moving away from it.
@abhiramsatpute
2 жыл бұрын
@@hectorserrano9314 i get it now, thanks!
@mprasanth18
2 жыл бұрын
@@hectorserrano9314 thanks a lot 👍
@hectorserrano9314
2 жыл бұрын
This was such an informative video and I loved the pace at which you were going at. I subbed and turned notifications, you're a great teacher sir!
@TheCodeCreative
2 жыл бұрын
Thank you so much!!
@TheCodeCreative
2 жыл бұрын
📖 Download my FREE "Google Search Secrets for Developers" Cheat Sheet: store.thecodecreative.com/google-secrets-cheat-sheet
@TheCodeCreative
4 жыл бұрын
🗣JOIN the Code Creative Facebook group! : facebook.com/groups/1612600368887577
@karlithoscolima
8 ай бұрын
Dude amaysing straight to the point new follower for sure
@TheCodeCreative
8 ай бұрын
Great, thank you!
@subhashgn1775
2 ай бұрын
Finally I got it.❤ Thanks for this clear explaination.
@TheCodeCreative
2 ай бұрын
Glad it helped!
@showhow6827
Жыл бұрын
Great tutorial, Can you please share your VSCode theme name and fonts? Thank you.
@TheCodeCreative
Жыл бұрын
Thanks! Yes, it's Shades of Purple for the theme and Fira Code for the font.
@slow4992
2 жыл бұрын
Extremely informative video. The "oh snap" at 7:55 was perfectly timed for my very noob realisation 😅
@TheCodeCreative
2 жыл бұрын
😃
@durbonca
9 ай бұрын
At the end of the video, instead of creating 2 "Wrapper" components, could counter1 and counter2 be passed to the render method of one Wrapper?
@ruchad4035
3 жыл бұрын
Thank you! This one of the best explanation I found!
@TheCodeCreative
3 жыл бұрын
Excellent! Thanks for watching!
@austinjohn8713
3 жыл бұрын
Excellent tutorial. Many tutorials try to cover render props and fail miserably because they do not do it in a systematic manner that answers the following questions What is a render prop? Why do we need it? How can I implement it? I think everyone should come here to understand what render props concept is and how to apply it. The best I can do to you is to subscribe to your channel and like the video and I have just done so. Thank you for saving me after hours of frustration in trying to understand this convoluted topic Love from Sweden!
@TheCodeCreative
3 жыл бұрын
Thanks Augustine for the great comment. Glad the video was helpful! Happy holidays and thanks for watching!
@laxmikanthgurram1074
9 ай бұрын
wow..a bit complex topic explained in so simple way!
@TheCodeCreative
9 ай бұрын
Glad it was helpful!
@kshitijvengurlekar1192
2 жыл бұрын
Why did you use a class based component for wrapper?
@TheCodeCreative
2 жыл бұрын
In order to use state, in this particular example
@omersoncruz1081
Жыл бұрын
Why am i only seeing this now. This guy deserves more views
@TheCodeCreative
Жыл бұрын
Thank you!
@Saq-t5k
3 ай бұрын
thanks bro your video very good and understand
@TheCodeCreative
3 ай бұрын
Glad it helped!
@xdxdxd4023
4 ай бұрын
so glad to see some mature content & explanation!
@TheCodeCreative
4 ай бұрын
👍🏻👍🏻👍🏻
@hamzahahmad1670
2 ай бұрын
Great explanation, thank you!
@TheCodeCreative
2 ай бұрын
Glad it was helpful!
@azzam7239
3 жыл бұрын
That oh snap lmao, great explanation thank you.
@TheCodeCreative
3 жыл бұрын
lol, thanks!
@ivancastillo3893
3 жыл бұрын
Great video / explanation! There aren't many videos out there on render props
@TheCodeCreative
3 жыл бұрын
Thanks for watching!
@ChaoticBlackout
3 жыл бұрын
This is a fantastic video. Excellent explanations/examples and even a little humor. You need more subscribers!
@TheCodeCreative
3 жыл бұрын
Thanks for the comment Albert! More videos coming soon 👍🏻
@sankalpsingh255
2 жыл бұрын
Guitars made this so easy to understand. Thanks
@TheCodeCreative
2 жыл бұрын
Rock on!
@subhasishnathdev
7 ай бұрын
Thanks for the explanation.
@TheCodeCreative
7 ай бұрын
Glad it was helpful!
@user-he8qc4mr4i
2 жыл бұрын
Nice! Thx for sharing! I am using it with function base components :-)
@TheCodeCreative
2 жыл бұрын
Excellent, thanks for watching!
@user-he8qc4mr4i
2 жыл бұрын
@@TheCodeCreative Thx for sharing! keep up the good work ;-)
@TheCodeCreative
2 жыл бұрын
@@user-he8qc4mr4i Thank you!
@mahgolmoghadas6848
8 ай бұрын
Is there any specific reason you defined the Wrapper as a class based component?
@iliketocode6986
4 жыл бұрын
having trouble answering difference between render props and hoc
@TheCodeCreative
4 жыл бұрын
I'm going to do a video on this soon.
@iliketocode6986
4 жыл бұрын
@@TheCodeCreative O really awesome. I was asked this in a mid level react interview and had nfi. =/ now did bit of reading not much but HOC arent intended to hold state where as the parent of the render prop does or some crap along those lines xD.
@footnuke
2 жыл бұрын
Thanks for such a short and easy-to-follow explanation! After an hour of looking through docs, this video finally made it click for me.
@TheCodeCreative
2 жыл бұрын
Glad it was helpful!
@omersoncruz1081
Жыл бұрын
same here
@mutebironald1922
2 жыл бұрын
Thanks for the great explanation.
@TheCodeCreative
2 жыл бұрын
Thanks for watching!
@pankaj.yadav1
Жыл бұрын
it was a good explanation
@TheCodeCreative
Жыл бұрын
Glad it was helpful!
@hiteshsuthar1097
3 жыл бұрын
This is same as Higher order components(HOC) concept.
@aytacg26
2 жыл бұрын
Great explanation with a simple example. Thank you very much
@TheCodeCreative
2 жыл бұрын
You're welcome. Let me know what other topics you'd like to see 👍🏻
@Quicknuggets
2 жыл бұрын
oohs snap... lol what was that about.
@TheCodeCreative
2 жыл бұрын
😀
@iliketocode6986
4 жыл бұрын
thank you!! i like the diagram stuff as well appreciate the effort. One of the few channels i hit the bell button for.
@TheCodeCreative
4 жыл бұрын
Great! Thanks for watching!
@SaiKrishna-ud5xt
2 жыл бұрын
Very good and clear explanation
@TheCodeCreative
2 жыл бұрын
Glad it was helpful!
@GoodToCU88
2 жыл бұрын
Very well explained. Thank you! I do have a question. What is the difference between the renderProps approach and perhaps just render the button component 2 times?
@ameennoushad7973
Жыл бұрын
No big difference. The main help is it will help reduce redundancy in writing code again and again. So a major point while coding is to follow DRY principle, Do not Repeat Yourself. So this helps achieve that. And regarding if it helps in any performance boost, that I’m not sure of .
@joaovictormsantos
2 жыл бұрын
Hey, what's the name of this theme?
@TheCodeCreative
2 жыл бұрын
Hi Joao, that's called "Shades of Purple"
@yuryitikhonoff9631
3 жыл бұрын
Oh snap. It's the best explanation I've met with the various number of videos dedicated to render props technic. Thanks a lot, man.
@TheCodeCreative
3 жыл бұрын
Great! Thanks for watching!
@mertgenc9890
3 жыл бұрын
what is your vs cdoe theme?
@TheCodeCreative
3 жыл бұрын
It's called "Shades of Purple"
@fullstackprojects5615
3 жыл бұрын
Excellent explanation. Thank you. Subscribed!
@kiranravindrant
2 жыл бұрын
Best Explanation ever!!
@TheCodeCreative
2 жыл бұрын
Thanks for watching!
@sapramit
3 жыл бұрын
Great. Would be good if you could compare HOC and render props. And when to use what
@TheCodeCreative
3 жыл бұрын
Absolutely, thanks for commenting Amit!
@vamshireddy8187
19 күн бұрын
nice
@TheCodeCreative
19 күн бұрын
Thank you for watching! Let me know what other tutorials you'd like to see.
@devstefancho
3 жыл бұрын
I’m very interested in render props then What is difference with children props?
@DerrickAfrifa
Жыл бұрын
"oh snap" that was brilliant haha
@TheCodeCreative
Жыл бұрын
😄
@easyfinanceexplained
3 жыл бұрын
Great piece of Information. Thank you for making this concept such simple.
@TheCodeCreative
3 жыл бұрын
Thanks for watching!
@manoharune6381
2 жыл бұрын
This was Great! Perfect Explanation
@TheCodeCreative
2 жыл бұрын
Glad to hear!
@mohamedyoussef8835
3 жыл бұрын
Awesome explanation +++++++++++++++
@TheCodeCreative
3 жыл бұрын
Great, thanks for watching!
@seta16
Жыл бұрын
#Best explanation out there of the render props in react. I would like to check it in typescript or with function base components but this explanation I havent found it nor in colt steele neither by schwarzmuller
@TheCodeCreative
Жыл бұрын
Thanks! Glad it was helpful 👍🏻
@AYUSHSHARMAblogs
3 жыл бұрын
Thanks nice explanation
@TheCodeCreative
3 жыл бұрын
Thanks for watching!
@Webdevelopmentya
Жыл бұрын
Lmao I literally thought I was thinking out loud when I heard the Audio (oh snap) when you passed the state into the render function. 😂 The timing was spot on lol thanks this helped me a lot
@TheCodeCreative
Жыл бұрын
Thanks! 🤣
@vaclavvlcek4527
Жыл бұрын
It took me quite a while to understand this concept until I discovered this video. Thank you very much for that :)
@TheCodeCreative
Жыл бұрын
Glad it was helpful!
@yasser.dev7
3 жыл бұрын
Amazing explanation !!, thanks a lots.
@TheCodeCreative
3 жыл бұрын
Thanks for watching!
@levialviter2302
Жыл бұрын
Pretty useful
@TheCodeCreative
Жыл бұрын
😀
@zamgill
Жыл бұрын
Thank you! Your explanation made this concept so much easier to comprehend :)
@TheCodeCreative
Жыл бұрын
Glad it helped!
@noibiolamilekan3501
2 жыл бұрын
God bless you!
@TheCodeCreative
2 жыл бұрын
👍🏻
@Cognitoman
3 жыл бұрын
lol "Ohh snap!"
@TheCodeCreative
3 жыл бұрын
😀
@yashvashisth4591
3 жыл бұрын
Best Explanation on KZitem..!!! THANX dude..
@TheCodeCreative
3 жыл бұрын
You're welcome!
@arunkaiser
3 жыл бұрын
Great video
@TheCodeCreative
3 жыл бұрын
👍🏻
@kshitijvengurlekar1192
2 жыл бұрын
This is a gem
@TheCodeCreative
2 жыл бұрын
👍🏻
@rickhoro
2 жыл бұрын
Thanks for making that so easy to understand. Good job filtering out any unnecessary extras from your example.
@TheCodeCreative
2 жыл бұрын
Glad it was helpful!
@musket4719
Жыл бұрын
nice
@TheCodeCreative
Жыл бұрын
👍🏻
@iliketocode6986
4 жыл бұрын
be fun if we could code together step by step though
@echom8138
3 жыл бұрын
Thank you
@TheCodeCreative
3 жыл бұрын
you're welcome!
@stefc4663
3 жыл бұрын
Best renderprops explanation! It finally clicked and at the very beginning of your explanation too!!
@TheCodeCreative
3 жыл бұрын
Excellent, glad to hear!
@sachink7955
3 жыл бұрын
React Render Props Made Simple! Thankyou
@TheCodeCreative
3 жыл бұрын
Thanks for watching!
@dopetag
2 жыл бұрын
Wow! Such a simple explanation of the complex thing! You are my hero 🙌
@TheCodeCreative
2 жыл бұрын
Glad it helped!
@saucy05
2 жыл бұрын
Ahhh makes sense now. Clear and concise. Subscribed.
@TheCodeCreative
2 жыл бұрын
Excellent! And thank you 👍🏻
@zakaria5775
3 жыл бұрын
Thank u So Much, I now have a clear idea about Render Props ! 🙏
@TheCodeCreative
3 жыл бұрын
Great, thanks for watching!
@praveen_javali
3 жыл бұрын
Very Well Explained!! Thank you.
@TheCodeCreative
3 жыл бұрын
You're welcome, thanks for watching!
@alihammad8667
Жыл бұрын
Amazing lesson! But I'm a little confused about the difference between render props and higher order components
@moufid9256
3 жыл бұрын
Thank you, the simplest explanation
@TheCodeCreative
3 жыл бұрын
Glad it was helpful!
@suryatejaparvata
2 жыл бұрын
@vishaljain8868
3 жыл бұрын
Do you think with hooks we can simplify this pattern?
@brinthkr1533
3 жыл бұрын
Awesome explanation
@TheCodeCreative
3 жыл бұрын
Glad to hear, thanks!
@sumanpokharel1718
3 жыл бұрын
Thank you!!
@TheCodeCreative
3 жыл бұрын
You're welcome Suman. Thanks for watching!
@magnuslundstrm3719
3 жыл бұрын
Great stuff :)
@TheCodeCreative
3 жыл бұрын
Thanks Magnus!
@mahboobt9928
3 жыл бұрын
Thanks aloooot
@TheCodeCreative
3 жыл бұрын
Thanks for watching!
@ariffaysal9458
2 жыл бұрын
very nice practical example, thank you very much !
Пікірлер: 162