Full React Tutorial #13 - Functions as Props

🐱‍💻 🐱‍💻 Course Files:

🐱‍👤🐱‍👤 JOIN THE GANG -

🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Helpful Links:

🐱‍💻 🐱‍💻 Social Links:

[elmo]

You are an unbelievably fantastic teacher, and I seriously mean that. There are a lot of teachers out there but not many teach as clearly and understandably as you. You seem to really understand how confusing it can be when first learning this stuff, and you break it down appropriately. Thank you for existing!

[LostInRaccoonCity]

After years of dev with other js framework and php i can say just ONE THING.
Their are not good languages / good framework / good stack ....
They are just good TEACHER and you're one of them ;)
Thanks for your works in youtube !!!

[maskman]

Passing function as props is really useful and practical, and we dont handle delete item in child component but in parent component, it is an important concept. thank you Shaun I have learned something new and valuable !!!

[yangliu]

Great tutorial. As a newbie, I try to understand what's going on here.
- when the "delete blog" button is clicked, the handleDelete function is invoked;
- then inside the handleDelete function, the setBlogs function is invoked, thus changing the value of blogs;
- because blogs as a state variable has changed, React re-renders the Home component;
- When React re-renders the Home component, it also re-renders the BlogList component.
When I first read the code, what I didn't understand is how the child component can change the data in the parent component. My understanding is that, because a component is kind of a function, then the child component maybe can be viewed as a function inside the parent function and it has access to the data in the parent function.

[Victor_J]

When you are self-learning something new, it might seem so overwhelming at the start that you just want to rush over different concepts/fields, especially if they are only a part of the bigger puzzle (web development, for example). You feel like you are short on time, so that's understandable, and then comes Shaun and he makes you want to slow down and it feels good and safe. What I really like is that you don't just build together, he gets you practice different ways of doing things. The whole course is really good!

[HCLima-lzjx]

Ninja is by FAR the best person I've ever see I youtube. Programming will help me to pay for my master degree. Thank you so much, sir.

[thegodfatherseenran]

Best React tutorial on the internet. Thank you!

[wevii]

some other guy made a crash course on react and I couldn't really understand it but with your tutorials it's so easy to understand, thanks dude hope you're doing well!

[ngenge_senior]

I wish there were two people on the internet who could teach like you. Favoriting your channel right away

[Yveliani]

3 years later... i still love you 😂❤. if not for you i would've gone crazy with this error, all because i forgot a single word in my code, "return" and that drove me nuts!

[lorenzolonghi]

Great video! I have a question that might sound obvious but I want to understand it in depth. When we have a useState array, and we pass it as props to a child element, whenever the array changes it does also for all of the child components automaticallty, correct?

[mdajaz]

You are beating everyone
Such a great tutorial

[danjmillier]

Fantastic videos! Really appreciate you updating your React playlist to include Hooks and more modern React techniques.

[DevlogBill]

React is my very first library which I am now learning. Originally it was going to be Vue but the Vue Native is now deprecated and is no longer supported, shame. Anyways I am loving React and I love your course. I am stuck on this chapter. Because there are so many different ways to write functions and where to write your functions. I am finding this confusing. All I know is that this is my 4th time watching this video and I won't move to the next chapter until I figure this out. Thanks Net Ninja for creating really good tutorials, your one of the best.

[Pspisripoff]

The Net Ninja has big PP for making these amazing and ez to understand videos! Ty verrry much dude!

[sethk]

For this example, what is the advantage of declaring handleDelete in the parent component and passing it to the child vs declaring handleDelete in the child and passing the setBlogs function from the parent to the child?

(Re-usability with more a generic function down the line?)

[shivjv]

Hi Amazing videos, we couldn't get such clear explanations in other highly paid courses and Bootcamps. Thanks a lot..Keep Rocking...
can you please upload video on --- how to include projects in portfolio, Create simple portfolio with projects. --- Responsive portfolio can be viewed from any device. please....

[codematics]

This is the best react tutorial i have seen so far. thank you for this series

[hugo]

Thanks so much, I was passing props as a spread operator and that got me wrong for over 3 days... really helpful video

[dvikates]

What an amazing tutorial set. Have been looking how to pass down function and this has been very helpful! thank you!