ReactJS Tutorial - 36 - Render Props (Part 1)

📘 Courses - learn.codevolu...
💖 Support UPI - support.codevo...
💖 Support PayPal - www.paypal.me/...
💾 Github - github.com/gop...
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - [e-mail]
Render Props in React

[@ankitsethia6534]

Just hats off to a tutor like you. People seldom get across tutors like you. You explain complex things in a very clear and practical way. You are truly an asset for all of us. Thanks a ton for your efforts Sir.

[@MaheshKumar-lo7hj]

I always wait for your videos @codevolution, eventhough there won't be many views. But once anyone listened your videos surely they come back, they listen again and again and they wait for your videos. I am one of them..

[@tharlinhtet97]

Please also make a tutorial of one of React testing libraries like enzymes or react-testing-library. Waiting for more tutorials:)

[@jgv4945]

If u only just watched the three videos on HOC,
you wanna skip to 3:50 , since the setup is identical.

[@berkgaffaroglu8614]

its too late :D

[@kembolino5939]

Practice makes perfect ! 🤣 🤣 🤣

[@krishnachaitanya7349]

Do this tutorial have Routing Concepts discussed? Please let me know the number, I am unable to find it

[@saitejajonnadula]

hey buddy, useful concept with live example.

[@akashsrivastava8226]

why does it feel like Dejavu

[@asifurrahman5436]

Because he repeated the same video 😑

[@armangrigoryan6329]

I thought it was just me 🤣

[@kembolino5939]

Practice makes perfect...

[@nayanagarwal5312]

:D

[@ahmedmohamed-vl7fj]

Thank You bro for this great work I really appretiate your work is really excelent

[@asifurrahman5436]

I truly appreciate your teaching style.
By the way from a viewer perspective i think there is no need to repeat the safe stuff,
You could have just said, "there is a another way of sharing the same functionality beetween component" and continue with the part two.

[@loba8924]

note to people watching this : Skip this particular video completely and go to part 2 if you have already watched the higher order components videos.

[@nikhilgowda1070]

Excellent explanation...

[@Aditya.Santra]

Amazing Video

[@jokeropbro9867]

Thankyou

[@sivakirankakileti]

Why don't we bind onClick event in the constructor ?

[@dinocajic]

Because the incrementCount() method is an arrow function. Arrow functions inside a class automatically get bound.

[@sivakirankakileti]

Got it. Thank you Dino Cajic

[@usamanaseer3526]

@@dinocajicwe can bind with 4 method bro here we use arrow fucntion so that why we don't need to bind it

[@明瞭-x2s]

Class No.14 had introduced the binding concept and its methods.

[@shwethahv1684]

Is this concept of passing data from child component to parent component ?

[@umang5559]

you did the same thing what you did for the video before HOC. So you could have referred from that only.

[@m.k.rajankali3834]

your videos Fundamentals on class componend based plzz update functional componend

[@manee427]

Thanks Please make a video about simple login logout implementation in react side . That will be very helpfull.

[@talivanov93]

Great example thank you!

[@siddharathadhumale3683]

You are best

[@arunbm123]

Any problem in using const count = this.state.count; in render method instead of const {count} =this.state ???

[@codewithray]

Adhere to standard practices since your code will be read by other developers in your workstation. Stick with the latter.

[@toannew]

this video: why need the render props
the code is same as the part HOC 1

[@siddhantraj5323]

Instead of duplicating this video you could have asked us to refer the hoc video lol,

[@analizamisljenja5495]

2:10 ●━━━━━━━━━━━ 4:50
⇆ㅤㅤㅤㅤ◁ㅤㅤ❚❚ㅤㅤ▷ㅤㅤㅤㅤ↻

[@AAKSHAS]

4:04 another requirement of client

[@gauravoberoi962]

is it necessary to write const (count) = this.state , as you have done in 2:06? i think it might work without that too.

[@ihuda]

He is destructuring..it might be done with it I guess, but destructuring is god for code readability.

[@masudindeed]

You also can write like const count = this.state.count (if you really do not want to use destructuring here)

[@quanghopninh3376]

const RenderPropsPart1 = withNewIncrementNum(HOCPart1) :D :D :D

[@nileshrajhans]

Which extention you use for snippets?

[@usamanaseer3526]

ES7 React/Redux/GraphQL/React-Native snippets

[@jacobstech1777]

this one is meaningless...

[@surajgupta5805]

copied

[@janhrdy3444]

Briliant !

[@yinonelbaz5309]

great work!!! Excellent explanation!!!

[@humzamalik439]

duplicate video

[@franciscogallardo9499]

Why allways remove "export" ?

[@sarunmaharjan4440]

if you export with the 'export' then you're bound to use the same name of class component where it's implemented;
{ someComponent } from '../SomeComponent'.
if you export as default, you can rename it to whatever you like;
changedNameofSomeComponent from '../SomeComponent'

[@bharathreddy6629]

Thanks