Practical Context API and useContext Hook with example Part 3 | React Hooks for Beginners
This is the final part of learning context API in react from scratch. In this video, I am explaining the practical use case where using context API will add more value. For this example, I have converted the previously "Todo App" in React using useContext Hooks and Context API.
Topics covered:
1. Todo App current demo
2. Understanding the code base
3. Planning about Context API
4. Converting Todo App to use Context API
5. Creating provider to separate business logic & remove prop drilling
6. Using useContext Hook to consume the data
7. Final Summary
Other Videos:
React Hooks for Beginners
1. Understanding useEffect hook in detail: • React: Understanding useEffect hook in det...
2. Learn useReducer Hook in React: • Learn useReducer Hook in React (complete g...
React Projects for Beginners:
1. Create Todo App in React: • Build a Todo App with React using Hooks | ...
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 | React ...
2. What is React? useState hook: • React Tutorial: What is React? | Thinking ...
3. Props in React” • What are props in React (in-detail)? | Con...
4. Conditional rendering in React?: • React Tutorial: What is conditional Render...
5. List & Keys in React: • Lists & Keys in React | Create your own cu...
6. Handling Forms in React: • React Tutorial: Handling Forms in React (C...
7. Creating Signup form in React: • How to create Signup / Registration form i...
Connect with me:
LinkedIn: / varunprashar5
Twitter: / varunprashar
Would love to mentor you or answer your queries personally on programming