What is Prop Drilling in React? | Understanding Context API in React Part 1

Опубликовано: 04 Октябрь 2024
на канале: Varun Prashar
2,067
33

In this video, We are going to discuss “What is Prop Drilling in React?” We will discuss with a “Todo App '' component tree to see what’s wrong with this app and how are we passing the functions down to the tree via “intermediary” component. Then we will dive into “Context API” and how it can solve the problem.

Topics Covered:
1. Introduction & Agenda
2. Understanding Todo App Component Tree
3. What is Prop Drilling?
4. How to handle prop drilling using Context API?


React Hooks for Beginners
1. Understanding useEffect hook in detail:    • React: Understanding useEffect hook i...  
2. Learn useReducer Hook in React:    • Learn useReducer Hook in React (compl...  

React Projects for Beginners:
1. Create Todo App in React:    • Build a Todo App with React using Hoo...  
2. Create a CRUD App in React:    • Create a CRUD App in React  

React Beginners Series:
1. Complete React Roadmap:    • React Roadmap for developers 2021 | R...  
2. What is React? useState hook:    • React Tutorial: What is React? | Thin...  
3. Props in React”    • What are props in React (in-detail)? ...  
4. Conditional rendering in React?:    • React Tutorial: What is conditional R...  
5. List & Keys in React:    • Lists & Keys in React | Create your o...  
6. Handling Forms in React:    • React Tutorial: Handling Forms in Rea...  
7. Creating Signup form in React:    • How to create Signup / Registration f...  

Connect with me:
LinkedIn:   / varunprashar5  
Twitter:   / varunprashar  

Would love to mentor you or answer your queries personally on programming