Props and Prop Drilling - React In Depth

Let's learn about props and prop drilling together in React.

We start with an overview of props and some visuals as to what they are in regards to being function/component arguments. We look at this both conceptually visually and in code.

We explore several examples of how we can use props and how their naming affects components.

Finally, we wrap up the video by looking at a concept called "prop drilling" where we can pass props through components to their children and further down the react tree. This will be useful in certain scenarios but can also cause issues if we aren't careful.

Chapters:
00:00 Introduction
00:58 Props Overview
02:49 Dynamic Component Intro
03:50 Component Arguments
05:28 Props Visual Example
07:24 Props Code Demo
20:28 Props Object Visual
22:20 Using Props in JSX Code
28:53 Prop Drilling Visual
32:28 Prop Drilling Changing Names
35:30 Prop Drilling Code Example
48:12 Next Steps

📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/react-in-depth

💬 Come join us on Discord to chat with a like-minded community about tech and learning:   / discord  

🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon:   / techwithnader