React Context API in One Video | ReactJS | ReactJS Tutorial In Hindi

preview_player
Показать описание
Hello Everyone,

In this video, we are going to see step by step guide on how to use React Context API. We would also understand the problem that React Context is trying to solve and how it makes state management of a react app easy.

My Gears

Disclaimer
► All the links above are affiliate links.

Featured Playlists

Timestamps
00:00 Intro
00:35 Understanding the Problem
02:11 How React Context Works
04:40 Code Walkthrough
07:15 Creating Context In React
19:35 Example 2 ( Building Cart using React Context API )
36:56 Outro

Check out my other videos

Social Links

Video Titles
React Context API: What it is and how to use it
What is React Context
React context
React Context API Tutorials
React Context API
React Context Tutorials Hindi
React State Management
React tutorial for beginners
React js crash course

Tags
React
ReactJS
ReactJS Tutorials
React Context API
React Context

Tags
#reactjs #reactjscourse #reactjstutorial #react #javascript #contextapi #reactcontext #statemanagement #jsx #usecontext #programming #redux #reactredux
Рекомендации по теме
Комментарии
Автор

I accidently stumbled upon one ofyour videos. and i opened it hesitatingly...but the way of your explaining and simplicity of concepts is amazing and very helpful. i am learning a lot from u and as u say, no need to watch other tutorials once i watch yours!

anuragkasudhan
Автор

When he say is video ko dekhne ke baad apko kisi or video ko dekhne ki jroort nhi pdegi for Context, he means it #ThankYou

VikashSingh-hczo
Автор

May we all unanimously agree that He is the best teacher of Fullstack Developement in India. Like this comment

lakhdeepsingh
Автор

If somebody is getting the Bill total as it is without being added to the previous value which is a.
Then you should pass the value in App like this:-
price={Number("10000")}

Because JavaScript becomes notorious sometikes and it doesn't convert the String into Number

affanthecalligrapherofficial
Автор

Thank you so much for your detailed and simple explanation, Please do provide the code...

sahariarmondal
Автор

I didn't understand anyone nor did anyone explain so well, thank you so much sir, really appreciate your hardwork, And Thanks a lot 😇😇

_kiddie
Автор

Hey bro
I try to import counterContext but when console you get values in return but I get undefined?

Vaibhavvats_
Автор

Such an underrated channel. This is the first time I was able to understand Context api, after trying for weeks, thanks a lot!

lethatsinkin
Автор

I was trying to understand this topic for 3 days, today I got this lecture video, after watching the lecture I felt that it was such an easy topic.❤

abhishekbanjare
Автор

Whenever I see someone comment about initially struggling to grasp a topic but then comprehending it after watching a particular video,
I used to suspect that person might be a friend of the creator, asked to leave positive feedback.
Ironically, I found myself in that exact position of struggling to understand the topic
until I watched Piyush's video, which clarified everything for me. Thanks

KrishnaKumar-khiu
Автор

Abhi Market me Context api zyada use horha hai ya redux?


And thanks for this playlist 🖤

infjdeepak
Автор

Apne jo mehnat dala hein for example jo apne diagram se samjhaya hein bohut acha laga please bro esa aur react ka hard topics pe video upload kijiye. Maximum tuts English wo bhi western english mein samjh toh ata hein par fir bhi kuch chuut gaya esa lagta hein aap ese hi react in hindi series banaye please
🔥🔥🔥🔥🔥🔥🔥🔥

rishipaul
Автор

the man of his words.. what an extreme excellent explaination brother.... 😀

banothutharun
Автор

i have a got a error import React from 'react'
import { useContext } from 'react'
import { CounterContext } from '../Counter/Counter'

const Counter = () => {
const counterContext = useContext(CounterContext)
return (
<div>
<button
<button
</div>
)
}

export default Counter
when i click on the decrement button the value is displayed as not a number
Can anyone help me by providing a informative answer for my query

Nikhil-yhsf
Автор

I came from your redux tutorial video to learn this as a pre requisite. Loved the explanation :), now going for the redux tutorial

ceo_google
Автор

Awesome video on contextAPI concept, which was quite confusing and harder earlier to understand for me, before watching your video,
Thankyou so much @Piyush sir, for such a wonderful video for us, love and like your efforts and support,
Your almost all videos which am gone through till now, are so easy to understand.

Pankaj_rai
Автор

Can we use multiple contexts ? If possible how to use ? Please clear my doubt ... Thank you

ashabillava
Автор

I had a question Piyush Garg : Why did you pass setCount and count as an object why not in the form of array ( I tried using the array and it still works the same ). Any specific reason for passing values as an object?

sinha.aditya
Автор

@piyush Garg what if we have two or three context then app will be children of both contexts?

Octet-
Автор

Congrats for 100k and thank you piyush for everything.

arpan