useContext hook: Using React Context API | Complete React Course in Hindi #58
Вставка
- Опубліковано 11 жов 2024
- useContext hook accepts a context object (the value returned from React.createContext) and returns the current context value for that context. This video talks about the same in great detail with code example!
All the source code and other material will be uploaded on codewithharry.com as and when available!
►Check out my English channel here: / @programmingwithharry
►Instagram: codewithharry
python, C, C++, Java, JavaScript and Other Cheatsheets [++]:
Playlist: • Coding CheatSheets 🧾 b...
►Learn in One Video[++]:
Python[15 Hr] - • Python Tutorial For Be...
Python Advance[3.5 Hr] - • Python Programming Cou...
Python[1 Hr] - • Learn Python In Hindi ...
Python[2 Hr] - • Python Tutorial In Hin...
Python[15 Min] - • 15 Minute Python Tutor...
JavaScript[1 Hr] - • JavaScript Tutorial
C[1.3 Hr]- • C Programming Tutorial...
php[1 Hr] - • Learn Php In One Video...
php[2.3 Hr] - • Php Tutorial for Begin...
php[Project]- • Login And Registration...
HTML[30 Min] - • HTML 5 Tutorial For Be...
CSS[8.5 Hr] - • CSS Tutorial In Hindi ...
CSS[1.4 Hr] - • CSS 3 Tutorial For Beg...
Wordpress[3.2 Hr] - • How To Make a WordPres...
Angular[2 Hr] - • Angular Tutorial in Hindi
Java[2.3 Hr] - • Java tutorial in hindi 🔥
Web Scraping[1 Hr] - • Web Scraping Tutorial ...
MongoDB[2 Hr] - • MongoDb Tutorial For B...
Numpy[1 Hr] - • Numpy Tutorial in Hindi
Android Dev[12 Hr]- • Android Development Tu...
Linux[1 Hr] - • Linux Tutorial For Beg...
JQuery[1.1 Hr] - • jQuery Tutorial For Be...
Git and GitHub[1.1 Hr] - • Git & GitHub Tutorial ...
►Complete course [playlist]:
React - • React Js Tutorials in ...
Python- • Python Tutorials For A...
OOP Python- • Object Oriented Progra...
Java - • Java Tutorials For Beg...
JavaScript- • JavaScript Tutorials I...
PHP- • PHP Tutorials in Hindi
C- • C Language Tutorials I...
C++- • C++ Tutorials In Hindi
Git & GitHub- • Git and GitHub Tutoria...
Android Dev- • Android Development Tu...
Python GUI- • Python GUI: Tkinter Tu...
Web Development- • Web Development Tutori...
Python Django - • Python Django Tutorial...
Projects Using HTML, CSS & Javascript- • Projects Using HTML, C...
Data Structure and Algo - • Data Structures and Al...
Python Practice programs - • Python Practice Progra...
Basic Python Programs- • [Hindi] Basic Python P...
General Python Errors- • [Solved] General Pytho...
PHP chatroom- • Realtime PHP Chatroom ...
Follow Me On Social Media
►Website (created using Django Rest & Angular) - www.codewithha...
►Facebook - / codewithharry
►Instagram - / codewithharry
Twitter - / haris_is_here
Comment "#HarryBhai" if you read this 😉😉
guys this course is really a gem . at some point of time you will feel to quit but plz plz plz donot quit because you cannot find any better course than this . try to practice 2-3 time then you will feel motivated.
bhai tumhara router me context ko wrap krke output mil rha kya?? Mera nhi aa rha output please help!!
😐😐😐
@@adityasrivastav5260 props ko pass krny ka tarika update ho chuka hai. Ab (props.children) use nahi hota. ({children}) kr k ap props ko pass kro gy.
@@khushbakht4557 Failed to compile.
Module not found: Error: Cannot find file: 'Notestate.js' does not match the corresponding name on disk: '.\src\Context
otes\context'.
ERROR in ./src/App.js 10:0-50
Module not found: Error: Cannot find file: 'Notestate.js' does not match the corresponding name on disk: '.\src\Context
otes\context'.
ERROR in ./src/Components/About.js 6:0-55
Module not found: Error: Cannot find file: 'noteContext.js' does not match the corresponding name on disk: '.\src\Context
otes\context'.
webpack compiled with 2 errors
could you please tell where i did mistake my code is not working
@@rvfitness9073 yes you're not writing spellings correctly so it can't find module. Jis name se module banaya hai, same wohi spellings use kro. For example context ka c small hai ya capital hai, be careful of these things.
@@rvfitness9073 let me know if you still get errors.
had a doubt in this topic and was stuck for two days,searched every where but couldn't clear it . At last i opened the video and the topic is crystal clear in 10mins . Hatsoff !!!!
"Though you type in black and white, you colour up my life"
Huge respect to you Harry Bhai. Happy Teacher's Day. ☺🙌🏻🤗. Always stay blessed♥😘😘
The only ReactContext API Video you need to watch: ua-cam.com/video/73Tz6qTgNuU/v-deo.html
watched 2 to 3 videos , but this video cleared all my doubts , thank you harry bhai
Best teacher..... Maine context api bahut jagah se try kiya... But last mein aapne clear kra diya ❤❤❤lots of love
Really grate course People who never worked in React Js can start full time job or freelancer work after this . Grate bro
Sirji iske baad please DBMS ka course sikhao uski bahut jarurat padti he 🥺♥️♥️
Us ka kea krain gy
🤣🤣😂😂😂
Kaise itna easily itna sab kuch krte ho sir...hats off...
You are the best education UA-camr I have ever seen❤❤
Harry Bhai You are so Hardworker!!🔥
You Deserves Millions of Subscribers 🔥😊
I am react native developer beginner, but I really fond this video useful even harry bro teaching on react. hats off great work keep it up
Dear Harry bhai today I'm here just to thank you for your python and dhango playlist just because of your playlists I was able to crack the job interview and I'm really glad that I found your channel and thank you Harry bhai 😃😃
Happy teacher's day harry sir. you are only my inspiration. I have learned many things from you. you showed me the right path in my life. sir, I hope you reach greater heights in your life, sir. Thank you sir once again.
Harry bhai और carry bhai तुम दोनों को इस धरती पर हम जैसे लोगों का भला करने के लिए भेजा गया है💯💯 💕💕💕🙏🙏
carry ne ky bhla kr diya tera time waste krne ke alawa
Great! explanation thanks, puri 10 min me sab kuch samja diya huge thanks.
This react js course is awesome. I have understood react context api. You made it very simple to understad.
Bhai , main sirf iss video ke talash me aya tha,😅 aur pura react.js playlist khatam karke ja rha hu........the way you teach us the concept so easily, seriously I couldn't find anybody on UA-cam. ❤
Bhai kahi lagi job ?
Your teaching is awesome, exceptionally fantastic
Good tutorials, nice way of explanation for beginners. Free content :)
Just 1 suggestion, jo topic k baare mai bta rhe ho jis video mai, focus on that only. Kyunki jo user sirf wo topic dekh k video click kiya hai wo sirf wo topic dekhna chata hai jldi se.
Aapne or bhi chize btaye like folder structure starting mai e.t.c jbki main topic p hi focus krte to 15mins mai ho jaata.
Yes beginners k liye baki chize important hai pr wo aap intro mai hi bta do sb course k. Hr video mai beech mai kuch na kuch offtopic se video lambi hoti hai. Or user fir dusre youtuber k video ka km time dekh k us p click krta hai
17:58 bhut badi baat boli hai bhai ne.. guys bhai ke saath saath coding krni pdegi .
harry bhai congratulation aapne contex ko paida kiya haii🤣🤣 just for fun guyss
this is a awesome react cource don't give up between this cource complete this and after you are perfect in react.......
Harry bhai in easier words we can say that we can access the state & and the function which update the state of any component , globally , through context Api. Actually we can make a theme of states and their setter functions which can be used anywhere.
bhai rahne de harry bhai ka hi sahi he, aapne to confuse kar diya tha kuch der ke liye
yes , practically anything can be used as context !
"Kasauti Zindagi ki " and "Balika Vadhu " this kind of examples make us feel more exciting and interesting while learning course from you❤
harry Bahi ye useContext july 2023 me nah chal raha
Cannot read properties of undefined (reading 'name')
TypeError: Cannot read properties of undefined (reading 'name')
ye error mil rahi hai
Mene bohot google kiya but koy correct solution nahi mila
please help
@@jahanzaib3523 nahi yaar
Puri 2 hr tak try Kiya nahi hua
Aaj fir se try karunga agar ho gaya to pakka bhej dunga aap ko
@@navneetkumar5517 solve hua kya
@@simcard2732 @navneetkumar5517
Just try once
import "./App.css";
import NoteState from "./context/notes/NoteState";
import About from "./components/About";
import Home from "./components/Home";
import Navbar from "./components/Navbar";
import { Routes, Route } from "react-router-dom";
function App() {
return (
);
}
export default App;
Even i got the same error. My problem was I used "noteState" with a lowercase letter throughout my files and changing it to uppercase "NoteState" worked.
@@sreedharreddyabbidi5374 try this code
NoteState.js
import NoteContext from "./noteContext";
const NoteState = (props) => {
const state = {
name: "Kush",
class: "5b"
};
return (
{props.children}
);
}
export default NoteState;
Best Content on this channel 😍
Happy teachers day harry... I have learned a lot of things from you🥺
Harry broo you are great. stay blessed forever and ever.
Happy teacher's day Harry bhaiya 🎉
Please DSA wala course complete krona 🥺
harry bai tusi grate ho 🙆♂🙆♂🙆♂
Happy teacher's day dill se Harry Bhaiya🥰🥰
HARRY YOU ARE ALWAYS A KING AND SOLUTION TO MY PROBLEMS
I think this is india best youtube channel .... thanks a lot sir for this wonderful tutorial
Bro I really appreciate you ! Hatsoff .👍 I always code with you, while you explain which gives me a understanding of how it all works !
Best content on the UA-cam
Lge rho Harry bhai ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
Sir you are God of coding
This course is really amazing 💙
You are one of the best teachers on youtube. Keep sharing your knowledge with us.
Thanks
Harry bhai
very well explained! nice work good boy harry...
Thank you sir for thisamazing explanation
Everyone can understand easily with that tutorial. 🙌❣️✨
Harry Bhai in Whole video: 😅
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
Thik hai
You is my favrouite youtuber
salute to you harry sir
Thank you so much. It is giving me lot of confidence
we will wrap the context around which components in app.js if we have multiple contexts available
after adding all components in notestate my react page is white blank with no error in the console how to fix it ?
Harry bhai I am always struggling in clearing interviews...uspe bhi koi videos banao....I have done lots of Amazing projects in my companies I worked in...but I always get rejected in interviews...ab to rejection se bhi darr lagne laga hai...I am really under valued when compared with my experience...At first log mujhe rakhna nahi chahte but jo rakh lete hain wo chhodna nahin chahte...
Happy Teacher's day sir
Sir 6 September ko wish kar rha huin 5th ko nhi sorry, mera mobile ka recharge khatam hogaya tha isliye nhi kar paya😞😞
THANK YOU SIR APKE WAJAH SE M PYTHON SIKH PAYA HUIN , YOU ARE THE BEST TEACHER 👌
happy teachers day harry sir
Happy teacher's day sirji...♥️
Happy Teacher's Day Sir.. ❤️❤️
Happy Teacher's day sir.
Good Hoogya Diyaa 😇
Happy Teachers'Day sir 💜
Happy teacher's day sir
bahot hi badiya broo
A good teacher teaches from the heart like you sir.Happy Teacher's Day! 🙏🏻
Happy teacher's day Harry sir
Nice Video, Awesome MERN Stack Course.
A very happy teacher's day harry bhaiya ! learnt a lot from you from coding to getting inspiration 🙏
good explanation
Happy Teacher's Day 🥳🥳🥞🥞 $Harry bhai
Happy teacher's day sir ❤️❤️❤️❤️
Thank you so much harish bhai.
Happy teacher's day harry bhai...
Happy Teacher's day Harry sir
How will plot point and figure chart in python language makes videos on its step by step function bcoz do u no I did search on you tube video at this but I never saw any video on its so you should make video on its
Thanks
Much love for you
thankyou so much harry bhai
110% clear hogya contextAPI harry bhai 🤩🤩
4:50 aapne export default noteContext likha h and import krte samay aapne N capital likha h NoteContext toh kaam kaise kar raha h?
Happy Teachers Day Harry Bhai💖.
Really ... You are building my future 😊
Happy teacher's day Harry bhai
Its amazing!!!
Very good project sir
sir when you are copying anything from the internet plz describe it in deep that we can understand in deep otherwise your videos are awesome what you have done its so amazing
HAPPY TEACHERS DAY ❤️HARRY BHAI ❤️AAP DUNIYA K SUBSE BEST TEACHER HO , THANK U ❤️ FOR EVERYTHING BROTHER.
HAPPY TEACHERS DAY SIR
Happy teacher day bhaiya
Happy Teachers Day Harry Bhai ❤. You are the best teacher in the world 👏👏. love u 1000000 times Harry Bhai!
Happy teachers day sirji! Agar aap nahi hote to mai abhi bhi bas cracked games mobile pe daalkar apne aap ko technology expert samajh raha hota 😂
Wonderful video
Harry vai, kuch din se apke channel ka notification 🔔 nahi ah raha 😞😞😞, still never miss your any video, fir v samajh rahe ho na 😔 ♥
Mera bhi nahi aa raha hai 🤔🤔
Happy Teacher's day Harry bhai
☺☺❤again you take our heart
This tutorial is helpful!!
Happy Teacher's day harry bhai...
Thank you very much sir
Happy teacher's day harry bhai ❤️
harry sir always rock
Thank you
शिक्षक दिवस की खुब खुब बधाई 🤗🙏💐
Happy teacher's day bhai❤️✨
#HarryBhai tu si great ho
love u👍👍👍
Do I really need to use `useContext` since I can do the same job with the help of a Redux store? If yes, can you please explain the differences and use cases?
Happy teachers day Harry bhai
Thank you ❤️
Happy teachers day harray sir