The useContext hook in React | Sigma Web Development Course - Tutorial

[@GauravBhatta-g5e]

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

[@niveshduggal6819]

Yes brother

[@LearnWithManan.110]

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

[@kaleemelahishaikh7990]

I must comment "Your way of teaching in an easy way with mix language manner is Best" Keep it up brother !

[@KrishnaJaulkar]

Best video on Context Hook till now

[@truelyeager316]

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❤

[@md.marufbinsolaiman4038]

One video is enough to learn useContext. Great video sir.

[@Rohit_Rai901]

Let's vote for Data Science course after sigma🔥🎉💪

[@PoohnytRongpa]

Agree with u

[@Basumatary-g6p]

this is the third video i watched on context API , and this was the best

[@gajulalekhaj7088]

loved the video and this topic is released exactly before my exam thanku bhayya lotof love

[@owaisnadeem2751]

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 😍😍😍🥰🥰🥰🥰

[@MohsinKhan-wv3ep]

What do you mean indians ke tarah log ? 🤬

[@Islamicviralshort0a]

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

[@ElhaamAli-di5su]

Hello Harry Bhai, Love from Gilgit Baltistan, this course is amazing and on video No. 78

[@calisthenics5247]

After hitesh and piyush garg,watched your video and now finally im able to understand context api.

[@Asthetic._.Boi._.]

Sir aur Kitne tutorial honge aage please answer me. Love from Pakistan 💚❤️

[@owaisnadeem2751]

Love and respect from Pakistan Harry Bhai

[@bishalkumarshaw2789]

Ab samajh mein aaya context api. Thank you bhaiya ❤❤😊

[@rohitstudyclube7270]

Salute for your hardworking and consistency ❤

[@hafizmoizmoiz6901]

Hi

[@sufiyanmogal1527]

very simple explanation of context api , my suggestion for the viewers first watch the video and try by yourself

[@shubhraj2915]

make one video on UseReducer as well

[@saumyajoshi-ym2os]

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 ?

[@NadeemAbbas-d7x]

Very easy way for understanding this concept. Great Harry Bhai

[@yoriichi2504]

Hamara Teacher Kaisa ho? Harry bhai jaisa ho! ❤

[@namjotsingh]

Thank you Harry bhai. It is a bit complex for me, but slowly it will become easy. 👍👍

[@Ashish-sm8do]

best explanation so far

[@ProgramingWithArpit]

Harry Bhai We Will Be Teaching you JavaScript react best and your courses is very good and website is good

[@laxmanbaisoya65]

this line :- I WILL SEE YOU NEXT TIME ❤❤

[@Adithi-r4k]

Thanks for the valuable content. Really feeling grateful to you.

[@frustratedengineer5988]

@Harry Bhai I was using your 4 years old web development playlist.. Front end only.. Kaun sa follow karna hai abb😅

[@Hatthetail]

New hi kro vese html or css old course me bhi boht achi ha or same ha.

[@asimayub2825]

how explained this better than hitesh sir

[@Azadar_110]

sahi kaha yaar

[@shriyasb2006]

Sir after this react course please teach us about NextJs also...

[@goutamarya1452]

Sir aapne isme use effect likha hai ye use context aayega❤❤

[@yasinshaikh9823]

There is draw back of usecontext ....it should pass state only in react component ...not in normal function

[@AsharMallick750]

Title Should be "The useContext hook in React | Sigma Web Development Course - Tutorial #116"

[@aryansinha1818]

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?

[@NishaDubey8369]

If you understood deeply than it's good

[@Sandeep_Dhakad]

“Learn as if you will live forever, live like you will die tomorrow.”

[@priyanshutrivedi2357]

Amazing explanation Harry Bhai ❤

[@BirdWise]

thanks.. ab acha sa samj a gya ha context ka.❤

[@NisarFoodShow]

The course is awesome ❤❤

[@tanmaypatil2517]

Please make videos on redux. It is an important topic for react developers.

[@MuskanKumari-lv5ul]

Harry bhaiya how to apply in your company?...pls give us full video on it.

[@amantrivedi3573]

#doubt If we have useContext hook in react then why we use Redux for same operation?

[@blackboxbs8642]

Usecontext wont work for larger global state

[@hiphop861]

thank you. Please add next js

[@ghgltggamer]

1st person , but i already have my own Framework which is like react bu different

[@codngwthubaid]

Aryy Harry bhai title me useEffet hook aagya, lecture tho useContext ke bare me hain 😅😅

[@Hafijur0211]

🎯 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

[@vaghelabhautik6343]

SIR , PLEASE AB AK AI PE SERIES BANAVO NA JORDAR SERIES CHE SIGMA BATCH OP

[@quiz_proo]

#reactOp #best course - sigmawebdevelopmentcourse

[@Apnavlog2001]

My first comment sir ko special thank you very much sir🎉🎉🎉🎉🎉

[@artechgiants]

Awesome video 😎 👍

[@AartikSainiB21BB001]

love you harry bhai from iit jodhpur

[@SwapnilGolhar]

Hi bro ❤ Is bar KZbin 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

[@lokeshsingh8833]

Title is incoreect Harry Brother

[@RoboBros248]

React OP #harrybhai best youtuber and coding legend 💻

[@AbhishekKumar-ir3jk]

Code with Harry baba kii Jay🙌

[@ArunKumar_237]

thank you haris bhai

[@niyamatalimallick7158]

Harry bhai keep it up

[@arifurrahaman4135]

Hello SIR. I am from Bangladesh and I am a non CSE student. I have 3 to 4 years to learn coding. So should I start with C and C++?

[@akshatjain1328]

Starting with java would be more beneficial

[@aniruddharoysharma4540]

Nope if he is learning as a beginner he should start from python or c

[@prasenjitnayak_]

Heading mein useEffect hai bhaiya.

[@vaghelabhautik6343]

bhai AI par series banavo ne

[@CodeSage15]

Harry bhai VS code main knosi Theme use karte ho

[@biggbossystumm]

mja aagya guru

[@hannanprog]

Sir, Which chrome theme are you using?

[@viralvaghela8402]

Thank You. For this awesome Video

[@VPatil33]

Helpfull Harry bhai❤

[@marathisupport3471]

Harry Bhai Title mai useEffect hai

[@AevyScience]

Harry ki Guarantee ✅✅

[@adityanarayandewangan7811]

Sigma batch OP React OP

[@Mr.dev_15]

Thks harry bhai.

[@cyberfoxgaming9416]

Hlo harry bhai mai aap ka old web development follow karu ye new sigma wall wed devlopment please bata di confusion hai

[@AshutoshPrajapati-wi1xb]

Please koi bata do

[@Name-f9v1n]

New

[@BismaMustafa-r1o]

component 1 me jo const counter waly jo line hy us ki smjh nhi ai woh q likho

[@abdullahraj2076]

Source code 108 vedio tak hi show ho raha ha kindly do something haris bhai

[@gautamgupta9997]

What is outletcontext

[@Rand0m.stuffff]

I'm facing Error: Objects are not valid as a React child (found: object with keys {$$typeof, _currentValue, _currentValue2, _threadCount, Provider, Consumer, _defaultValue, _globalName, _currentRenderer, _currentRenderer2}). If you meant to render a collection of children, use an array instead. can someone help me out with this ?

[@rdxpali3379]

If you're encountering the "Objects are not valid as a React child" error while using the Context API, it typically means you're trying to render the context value directly, which is an object. Here’s how to address it: Check Context Provider: Ensure that the value you are providing in your context is appropriate (e.g., a string or a number) or properly accessing the properties of the object when consuming the context. Consuming Context: When you consume the context, ensure you're rendering a specific property of the object instead of the whole object. Example: If your context provides an object, access a specific field: Instead of rendering the entire object, render its properties (like value.name). Debugging: Use console logs to inspect the context value and make sure you’re not trying to render the whole object.

[@markiV643]

sigma batch op>>>

[@FatimaSaleem-s6u]

well explained

[@factkart2754]

harry bhai ye topic thora confusing hai .

[@microsoftian]

#CodeWithHarryRocks & #React Batch OP 🤟👍

[@zuberkhan3050]

#SIGMA_BATCH_OP❤ #JAVASCRIPT_OP

[@ShahShaharti-fk1gk]

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]

Dont worry I will complete this course. Pinky Promise 💓 :)

[@Moiz_43]

@@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

[@niyamatalimallick7158]

Harry bhai title change kijeye

[@mkumar363]

can you design Apple music

[@TalkSoft]

Assam / Hailakandi sa kown kown ha

[@mkumar363]

course is awesome...

[@chaurasiyaAayush-z2y]

Sigma batch op 🎉🎉

[@aayushsubedi2879]

Thankyou bhai

[@kingslydavid6148]

Coming for you sooon

[@tejaswilog3946]

Bhaiya video ke title mein UseEffect likha hua hai

[@sheharyarliaqat5211]

😂

[@ManAsManushya]

Nahi too

[@MuhammadAnas-ij6b]

Harry bhai love form pakistan

[@AN_Bhagat]

#SigmaBatchOp #ReactOp #Harry sir❤❤

[@csengineer8819]

love you bhaiya

[@YasirSial-e8z]

react from Pakistan

[@lathagm666]

Thank you

[@247aakashpavar6]

Haris Bhai UseEffect Ho gya hai galti se Confusion ho raha hai

[@md.abulkalamazad408]

I need kotlin course 😢

[@victorb22622]

Topic शुरू करने से पहले ही क्लियर किया करो की क्या करना है ,काउंटर up down कराना है , CSS करनी है , वगेरे ,इतनी सारी सिंटेक्स लिखने के बाद काउंटर वैल्यू up down होती है ,वो कई वीडियो से हो रही है ।लेकिन इसका उपयोग क्या है।उपयोग पहले बताओ ,बाद में केसे करते है वो बताओ।

[@arafatrahman8494]

#ReactOP #SigmabatchOP #Harrybhai #C.W.H #CodeWithHarry

[@artechgiants]

#React_op

[@uidesign1]

Love you bhaiya ❤

[@SiddharthaRay7]

React OP❤

[@Code_gen]

Sigma batch op