one of my friend said if you really focus on yourself you will find that there is not much of competition and also after seeing the views difference in all of your vedio i think i definately get what he was actually saying
youtube pr is topic pe kam se kam 30 minutes ki long videos banaai he logon ne magar Harry bhai ne 15 minute mein un se bhi acha samjha diya. Lovo from Pakistan
Harry bhai its just awesome , First video of react that I understand in one go. Hope u will continue this approach , first explain whole scenario with code and then its solution❤
Humaray yahan Pakistan may bhi kuch Indians key trah key mentality k log hotay hain , jo her achay say achay level k course ko start krnay say bhi pehlay ye puchtay hain , k ye achi job or placement lagwaye ga ya nahi . agar wahin time learning may or practice may lagayein to beast ban jayein is field may . You are a real gem Sir 😍😍😍🥰🥰🥰🥰
Sir now a days I am exploring angular spring boot full stack developement projects where i found these highlighting features 1 razor pay 2 login verification on mail 3 more complex frontend part like links & all 4 windows local storage for saving user credentials in browser Now my doubt is are these versatile range projects inspired by real mnc projects & can Learning it help freshers to develop projects in job ?
🎯 Key Takeaways for quick navigation: 00:00 *🎥 Introduction to the useContext hook in React* - The video introduces the useContext hook in React. 00:20 *🔧 Using Context API in React* - Context API allows passing data through the component tree without having to pass props down manually at every level. 01:01 *🔄 Prop drilling in React* - Prop drilling refers to the process where props are passed from a component to its descendants down the component tree, even if intermediate components do not use the props. 01:56 *🎯 Advantages of using useContext hook* - The useContext hook provides an easier way to access state across deeply nested components, avoiding prop drilling. 02:23 *🚀 Practical demonstration of useContext in React* - A practical demonstration showing how to use the useContext hook in a real React application. 03:07 *🛠️ Creating Components in React* - Demonstrates creating components in React. - Includes creating a component folder, adding components like Button and Navbar, and organizing the components. 04:00 *🧩 Organizing Components with React Fragment* - Uses React Fragment to organize components. - Demonstrates importing and using a Button component inside another component. 05:07 *📦 Creating and Using External Components* - Shows how to create an external component file. - Imports and uses the external component (Button) in another component. 06:32 *🔄 Understanding the useContext hook in React* - Explanation of how to use the useContext hook in React. - Demonstrates how to pass and access props using useContext. - Shows how to use destructuring to simplify accessing props. 07:12 *🔄 Implementing useContext in React components* - Demonstrates how to implement useContext in multiple components. - Shows how to access and display the context value. - Explains how to refactor code to use useContext instead of passing props manually. 07:54 *🔄 Refactoring code to use useContext* - Shows the process of refactoring code to use useContext instead of props drilling. - Highlights the benefits of using useContext for cleaner code. - Explains how to organize code in folders and files for better structure. 09:15 *📁 Context API Folder Structure* - Creating a folder called "Context" for organizing context-related files. - Avoiding confusion by keeping context-related files separate from other files. 09:58 *🔄 Using Context in Components* - Creating a context folder with files for each context, e.g., "counter.js". - Importing the context in the main app.js file and using it. 11:08 *🔗 Context Provider Usage* - Using the context provider to wrap the entire app in app.js. - Achieving a nested component structure where all components receive the context value. 12:18 *🔄 Using the useContext hook in React* - Demonstrates how to use the useContext hook in React to access context values in nested components. 13:38 *🖱️ Changing context value with a button click* - Shows how to change a context value by clicking a button, using the useState hook within the context provider. 14:50 *🔄 Updating context value using setState function* - Explains how to update a context value using the setState function, ensuring the value is correctly updated and reflected in the UI. 15:16 *🔄 Updating state in nested components with useContext* - Demonstrates how to update state in nested components using the useContext hook. Made with HARPA AI
It took me 55 mins to complete this video, I learned the shortcut method to open the project in the vs-code itself, without using file explorer, I was coding along, made a short soft note on useContext, passed it using 2 different ways and then the actual concept of useContext hook. I understood all but don't you think 50 mins is way too much time?
Bhai Rona aa raha hai soch kar ki jis series ke pehle video pe 11 lakh views hai us hi series ke 113 ve video pe pure 1100 views bhi nahi hai (wrote this on evening 5:49 on 16 February ) 😢😢😢
@@CodeWithHarry bhai plz isme ek video lazmi add krna MongoDB ki file storing pr . plz Bhai Mai ek Item Stock manager bna raha hu with image card and mujhe images ko store b krna hai. plz bhai maine kafi research ki hai online lakin aap ke jaise kisi na b nahi sikhaya. Your Student..... and like comment if you think k bnau ga
Hi bro ❤ Is bar RUclips clone create Karo With full response like button login screen shot screen upload screen home screen posts screen and response nav bar database run time Like one page to another page Kasi transfer ho gaya ❤❤ #SigmaBatchop
![Kodak Black - Versatile 4 [Official Video]](http://i.ytimg.com/vi/VcP_1Ua__vY/mqdefault.jpg)
one of my friend said if you really focus on yourself you will find that there is not much of competition and also after seeing the views difference in all of your vedio i think i definately get what he was actually saying
Yes brother
youtube pr is topic pe kam se kam 30 minutes ki long videos banaai he logon ne magar Harry bhai ne 15 minute mein un se bhi acha samjha diya. Lovo from Pakistan
I must comment "Your way of teaching in an easy way with mix language manner is Best"
Keep it up brother !
Best video on Context Hook till now
One video is enough to learn useContext. Great video sir.
Harry bhai its just awesome ,
First video of react that I understand in one go. Hope u will continue this approach , first explain whole scenario with code and then its solution❤
Humaray yahan Pakistan may bhi kuch Indians key trah key mentality k log hotay hain , jo her achay say achay level k course ko start krnay say bhi pehlay ye puchtay hain , k ye achi job or placement lagwaye ga ya nahi . agar wahin time learning may or practice may lagayein to beast ban jayein is field may . You are a real gem Sir 😍😍😍🥰🥰🥰🥰
What do you mean indians ke tarah log ? 🤬
Let's vote for Data Science course after sigma🔥🎉💪
Agree with u
this is the third video i watched on context API , and this was the best
loved the video and this topic is released exactly before my exam
thanku bhayya lotof love
I loved this course and, I Saved 115 all your videos in my laptop. I don't want any type of paid course. #SigmaOp
Pinn my Comment, Big Fan
After hitesh and piyush garg,watched your video and now finally im able to understand context api.
Ab samajh mein aaya context api. Thank you bhaiya ❤❤😊
Hamara Teacher Kaisa ho? Harry bhai jaisa ho! ❤
Love and respect from Pakistan Harry Bhai
Hello Harry Bhai, Love from Gilgit Baltistan, this course is amazing and on video No. 78
Salute for your hardworking and consistency ❤
Hi
best explanation so far
very simple explanation of context api , my suggestion for the viewers first watch the video and try by yourself
this line :- I WILL SEE YOU NEXT TIME ❤❤
Very easy way for understanding this concept. Great Harry Bhai
Thank you Harry bhai. It is a bit complex for me, but slowly it will become easy. 👍👍
Thanks for the valuable content. Really feeling grateful to you.
Sir aur Kitne tutorial honge aage please answer me.
Love from Pakistan 💚❤️
make one video on UseReducer as well
“Learn as if you will live forever, live like you will die tomorrow.”
thanks.. ab acha sa samj a gya ha context ka.❤
The course is awesome ❤❤
how explained this better than hitesh sir
sahi kaha yaar
Harry Bhai We Will Be Teaching you JavaScript react best and your courses is very good and website is good
Title Should be "The useContext hook in React | Sigma Web Development Course - Tutorial #116"
React OP
Sigma Batch OP
mja aagya guru
Sir now a days I am exploring angular spring boot full stack developement projects where i found these highlighting features
1 razor pay
2 login verification on mail
3 more complex frontend part like links & all
4 windows local storage for saving user credentials in browser
Now my doubt is are these versatile range projects inspired by real mnc projects & can Learning it help freshers to develop projects in job ?
Amazing explanation Harry Bhai ❤
#reactOp
#best course - sigmawebdevelopmentcourse
Code with Harry baba kii Jay🙌
🎯 Key Takeaways for quick navigation:
00:00 *🎥 Introduction to the useContext hook in React*
- The video introduces the useContext hook in React.
00:20 *🔧 Using Context API in React*
- Context API allows passing data through the component tree without having to pass props down manually at every level.
01:01 *🔄 Prop drilling in React*
- Prop drilling refers to the process where props are passed from a component to its descendants down the component tree, even if intermediate components do not use the props.
01:56 *🎯 Advantages of using useContext hook*
- The useContext hook provides an easier way to access state across deeply nested components, avoiding prop drilling.
02:23 *🚀 Practical demonstration of useContext in React*
- A practical demonstration showing how to use the useContext hook in a real React application.
03:07 *🛠️ Creating Components in React*
- Demonstrates creating components in React.
- Includes creating a component folder, adding components like Button and Navbar, and organizing the components.
04:00 *🧩 Organizing Components with React Fragment*
- Uses React Fragment to organize components.
- Demonstrates importing and using a Button component inside another component.
05:07 *📦 Creating and Using External Components*
- Shows how to create an external component file.
- Imports and uses the external component (Button) in another component.
06:32 *🔄 Understanding the useContext hook in React*
- Explanation of how to use the useContext hook in React.
- Demonstrates how to pass and access props using useContext.
- Shows how to use destructuring to simplify accessing props.
07:12 *🔄 Implementing useContext in React components*
- Demonstrates how to implement useContext in multiple components.
- Shows how to access and display the context value.
- Explains how to refactor code to use useContext instead of passing props manually.
07:54 *🔄 Refactoring code to use useContext*
- Shows the process of refactoring code to use useContext instead of props drilling.
- Highlights the benefits of using useContext for cleaner code.
- Explains how to organize code in folders and files for better structure.
09:15 *📁 Context API Folder Structure*
- Creating a folder called "Context" for organizing context-related files.
- Avoiding confusion by keeping context-related files separate from other files.
09:58 *🔄 Using Context in Components*
- Creating a context folder with files for each context, e.g., "counter.js".
- Importing the context in the main app.js file and using it.
11:08 *🔗 Context Provider Usage*
- Using the context provider to wrap the entire app in app.js.
- Achieving a nested component structure where all components receive the context value.
12:18 *🔄 Using the useContext hook in React*
- Demonstrates how to use the useContext hook in React to access context values in nested components.
13:38 *🖱️ Changing context value with a button click*
- Shows how to change a context value by clicking a button, using the useState hook within the context provider.
14:50 *🔄 Updating context value using setState function*
- Explains how to update a context value using the setState function, ensuring the value is correctly updated and reflected in the UI.
15:16 *🔄 Updating state in nested components with useContext*
- Demonstrates how to update state in nested components using the useContext hook.
Made with HARPA AI
My first comment sir ko special thank you very much sir🎉🎉🎉🎉🎉
Awesome video 😎 👍
love you harry bhai from iit jodhpur
Harry ki Guarantee ✅✅
Title is incoreect Harry Brother
React OP #harrybhai best youtuber and coding legend 💻
Harry sir also make a video on useReducer hook
Harry bhai keep it up
Aryy Harry bhai title me useEffet hook aagya, lecture tho useContext ke bare me hain 😅😅
thank you. Please add next js
sigma batch op>>>
Sir after this react course please teach us about NextJs also...
thank you haris bhai
Sigma batch OP
React OP
Thks harry bhai.
Helpfull Harry bhai❤
Sir aapne isme use effect likha hai ye use context aayega❤❤
There is draw back of usecontext ....it should pass state only in react component ...not in normal function
Sigma batch op 🎉🎉
@Harry Bhai I was using your 4 years old web development playlist..
Front end only..
Kaun sa follow karna hai abb😅
New hi kro vese html or css old course me bhi boht achi ha or same ha.
1st person , but i already have my own Framework which is like react bu different
Thank You. For this awesome Video
#CodeWithHarryRocks & #React Batch OP 🤟👍
#SIGMA_BATCH_OP❤
#JAVASCRIPT_OP
Please make videos on redux. It is an important topic for react developers.
well explained
love you bhaiya
course is awesome...
#SigmaBatchOp
#ReactOp
#Harry sir❤❤
It took me 55 mins to complete this video, I learned the shortcut method to open the project in the vs-code itself, without using file explorer, I was coding along, made a short soft note on useContext, passed it using 2 different ways and then the actual concept of useContext hook. I understood all but don't you think 50 mins is way too much time?
If you understood deeply than it's good
Thankyou bhai
Harry bhai love form pakistan
Coming for you sooon
react from Pakistan
Thank you
Love you bhaiya ❤
React OP❤
SIR , PLEASE AB AK AI PE SERIES BANAVO NA
JORDAR SERIES CHE
SIGMA BATCH OP
Sigma batch op
React OP !!
Harry bhaiya how to apply in your company?...pls give us full video on it.
#ReactOP #SigmabatchOP #Harrybhai #C.W.H #CodeWithHarry
good bhai
#React_op
#React OP
#CodewithHarry
Thanks ❤️
#doubt If we have useContext hook in react then why we use Redux for same operation?
Usecontext wont work for larger global state
React OP
I Am coming wait for me❤❤
#React op❤❤
Heading mein useEffect hai bhaiya.
#SIGMABATCHOP 🔥🔥🔥🔥🔥🔥
REACT OP
React op❤❤
Sir, Which chrome theme are you using?
bhai AI par series banavo ne
Bhai Rona aa raha hai soch kar ki jis series ke pehle video pe 11 lakh views hai us hi series ke 113 ve video pe pure 1100 views bhi nahi hai (wrote this on evening 5:49 on 16 February ) 😢😢😢
Dont worry I will complete this course. Pinky Promise 💓 :)
@@CodeWithHarry bhai plz isme ek video lazmi add krna MongoDB ki file storing pr . plz Bhai Mai ek Item Stock manager bna raha hu with image card and mujhe images ko store b krna hai. plz bhai maine kafi research ki hai online lakin aap ke jaise kisi na b nahi sikhaya. Your Student..... and like comment if you think k bnau ga
Hi bro ❤
Is bar RUclips clone create Karo
With full response like button login screen shot screen upload screen home screen posts screen and response nav bar database run time
Like one page to another page Kasi transfer ho gaya
❤❤
#SigmaBatchop
Amazing
react op!!!!
#ReactOP 🎉