React Context API with Project | useContext Hook | createContext | State Management Tutorial

#Reactjs #ContextAPI #useContext #reactcontext

Learn Context API by making simple Shopping Cart Project in React JS in one video. We will learn Context API hooks such as useContext and createContext in React JS.

Source Code -

If any questions, ask here -

MERN Stack Tutorial with Redux 2021 -

00:00 Intro
00:15 State Management Example
02:04 Context API - State Management
03:00 Setup New React JS App
04:43 Making UI for Shopping Cart
09:54 Generating Products Data with Faker
12:40 Single Product UI
16:27 Cart UI
18:17 Cart State
21:24 Shifting the State to Parent
24:06 Total Price Logic
26:10 Problem without Context
26:48 Context API Implement
29:14 useContext Hook
33:13 Conclusion
33:47 Context API with useReducer Video
35:20 Support the channel!

React Router DOM Tutorial-

Movie App in React JS and Material UI -

Quiz App in React JS and Material UI -

Dictionary App in React JS and Material UI -

Learn React From Scratch -

[mutantthegreat]

Thanks man. Coming from Vue, I found it hard to understand how to avoid using redux, but this video pointed it out, -thanks!

[alaluddin]

Really, I can't express my gratitude for this awesome video. I was looking like this video since almost one month but finally i got here 💌💌💌. This video had took me 4 hours to complete with you. I am really thankful to you sir 💛💛💛

[adaezeikemefuna]

You broke this down and explained it so well. Thanks!

[ashwinpatidar]

This is very helpful video for understanding useContext() Hook with good in project demo. Awesome explanation and information.

[kumarshubham]

It is the Simplest Explanation possible. I'm like that 🤯

[faisalahammad]

You're amazing bro, I've beening stuck for context API last a few weeks. :(

[surajkumar-wzbr]

Thanks, bro, This is the real scenario Project.👍
I subscribed to your channel

[sheydahafezifar]

it was really helpful. thank you so much!

[ziyaulrana]

I really appreciated your way of teaching. I got Helped a lot from this video.
First impression is last impression.

I subscribed your channel.
Thanks for being here on YouTube

[cswithabdullah]

Thank you very much for this valuable tutorial.

[simple]

Tbh I am working on the project and it has the same features as you have explained in first few minutes, I was trying to manage by simple props drilling, first it was messy, second I am not able to get the state defined in one and need to pass to another, So I thought to use contextAPI, and Ur video helped me Thanks

[ascodes]

It was an amazing tutorial, Thank you soo much for this. It helped a lot😍🤩😇

[PradeepSingh-fqzr]

First of all very very Thanks, sir! I was very doubting in contest API but after watching your video my all doubt is clear. once again thanks, sir !

[Dev-Phantom]

good understanding .... i really liked it.

[RahulKumar-ewqw]

Thnx bro, I will wait your next video..👍

[hirentecheshta]

around 21.42 minutes you said we can't pass state child to the parent component, but in react, there is a concept called Lifting State up is used to pass data from child to parent. Am I RIght?

[narenNKchaudhary]

Can you share what best extension of VS code, we can use for the quick coding?

[mohitsaud]

Thank you for your wonderful teaching. Love from Nepal.

[chronicinsomnia]

Is there any way to handle cart items quantity and single item price based on qty using context ?

[dimitriitkach]

thanks for React Context API with Project | useContext Hook | createContext | State Management Tutorial