Context api with local storage | project

Visit chaicode.com for all related materials, community help, source code etc.
Sara code yaha milta h
github.com/hiteshchoudhary/
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial

[@shuvod3425]

To anyone new watching this=> This video ment tobe watched 6/7 times (for new learner it's not possible to clear in one go, best part is it's a great recap of js concepts)

[@maiharshithu]

pin kardo bhaiya 1:20 basic overview 5:40 Project Setup TODO 8:20 Context API setup 12:08 Todo overall Functionality 13:50 initialising prop and func 19:00 creating index.js for import reduction 20:30 UI app.js from README 21:20 State Creation of Todo 22:00 Add TODO functionality 29:18 update TODO functionality 33:23 Delete TODO functionality 35:26 toggle Checkbox TODO functionality 39:35 basic functionality ended here 39:50 Local Storage 41:20 useEffect JSON Local Storage 47:30 Components 49:30 Todo Form 56:34 Todo Item 1:09:30 Debug 1:13:40 Dhanyawad and Push it

[@vikaschopde2776]

Brother I'm facing some error first toggleComplete is not a function and updateTodo is not a function help I'm rechack my code with sir code but not find any Miss element tell m something

[@Niteshmaurya1234]

@@vikaschopde2776 where is your code give link

[@Niteshmaurya1234]

@@vikaschopde2776 or explain in more detail I didn't get what you are saying

[@vikaschopde2776]

@@Niteshmaurya1234 I'm my code have 2 error first is toggleComplete(todo.id) is not a function and second error is updateTodo(todo.id, {...todo,todo:todoMsg}) is not a function how to solve

[@rururi3262]

It took me 3 days to complete this video. I went very slow understanding each part. When I started this video, i thought to complete in 1 day, it might look simple application but when you start coding it does takes time. It has difficulties. But sir explained everything in such easy and smooth manner connecting all points. Now I will watch this video again for better clarification at 1.5x speed. Thank you sir for sharing such amazing content. English wale channel se zada yaha samajh aata hai. Though contents are same, still yaha zada maza aata hai.

[@shadikhusain1216]

Koi takkar nahi le paayega ess quality content ki aakhir bahut saalo ka experince explain mil raha hai hum logo ko. ❤😂🎉😅

[@chaiaurcode]

Ye baat to h

[@deepakbdbg]

Bilkul sir

[@ShreeRamSingh-vl9tl]

@@chaiaurcode Sir, kabi fursat mey chai k saath apna tech journey kay sey start huwa ham sab k saath share kare, please sir kuy ki aap ki padhai sey hamra ninada kul jata hai dusar ka lecture dek he ninada aaja ta hai, Sir,app technology ka samanda(sea) ho sir🙏🙏

[@shivammaheshwari8270]

Just a little contribution from my side sir..Thanks a ton from the bottom of my heart for such marvellous content🙏🙃..Thanks again..Looking to learn a lot from you not only in tech related stuff but life lessons too :))

[@chaiaurcode]

Most welcome 😊 n thanks ❤️

[@atulchadokar1979]

​@@chaiaurcode❤

[@sarthakvijayvargiya5561]

Thank you! sooo much hitesh bhaiya, Watched so many lecture from free to paid but did not understood Context API till now. Chai aur Code ne sab sahi kar diya. Having "Guru" like you around makes learning and growing much easier.

[@suprabhatkumar5478]

The way you dissect complex topic so easily, especially with a confident and gentle smile motivates me even further. Thanks for this course

[@satishsignaturevlog]

pehle coding related videos dekhta ta but boring lagta ta pher tumara english channel dekhar shuru kiya that time i feel very confident to learn programming langs. not just quality videos tumara teaching style is also different totally love you guruji.

[@chaiaurcode]

Thanks

[@kausarraza2961]

Wow, I've been following your React series closely, and it's been an incredible learning journey! The way you explain complex concepts in such a clear and easy-to-understand manner is truly remarkable. I appreciate the practical examples and hands-on approach you take, which makes it easier for me to apply what I've learned in real projects. Keep up the fantastic work, and please continue creating more React content. It's invaluable for React enthusiasts like me. Thank you, Chai And Code! 😍

[@KESHAVKUMAR-mb2nm]

sir one small suggestion , sir firstly aap UI define kar diya karo fir functionality(js) ya context define karna , isse hum students ko sochne me easy ho jayega ki functionality / context ki kyo or kaha jarurat hai. Please sir message jarur dekhna.

[@talibbb13]

Sadly he don't 😢

[@rohanchoudhary5523]

I honestly cant express what an amazing teacher u are , I have been struggling with context API and was unable to understand it . Through your lectures the topic is crystal clear. Keep doing such amazing work. Thank You Again

[@hriteshshanty252]

Thanks for such quality content sir I have started my development journey few weeks back and after learning machine learning and data science in the 2nd year of my college now I'm finally into full stack development and your tutorials helped me to learn things much more faster than expected...plz continue this kind of consistency...best wishes from my side

[@kumailrizvi5851]

I have been following both the channels (hindi & english), I think you are able to express more openly and deeply over here and that's the reason I want to watch videos of this channel. Doing great sir !

[@mdimrannazir3285]

same here

[@ashishkumar-jo7cj]

Bhai kyuki jo mother tongue hoti hai ek insaan usme sabse jyada comfortable hota h or khulkar baat kr paata hai jo other language me itne acche possible nhi ho sakta kyuki wahaan formal bhi rehna padhta h or upper se apni bhasha ka maja hi alag h

[@NikhilSingh-yc9bp]

Amazing explanation 39:51 Basic context api functionality setup ✅ 40:00 Local storage setup start 48:00 Todo form component 58:00 Todoitem component 1:11:00 Project debugging

[@dhilengohel310]

Ok sir

[@RajpootDeveloper]

Hi, Sir. I have been following your JavaScript course from the beginning and working on every lecture and coding exercises regularly. It's really amazing. I have not found any series like this anywhere on the internet. Great explanation! I thank you very much for this great effort. Love from Pakistan.

[@user-yz6sn1jm7w]

Its Amazing : today was my interview. the ask me about the context api. the day before i watch your video. explain in this way.. interviewer got happy. with my explanation. Thanks Hitesh Choudhary

[@irfansaeedkhan7242]

bhht khushi hui hai k aap basic se advance tk le k ja rhe ho

[@chaiaurcode]

Advance se pro b leke jayenge ji

[@meetWithRohit]

Maja bahut aaya hitesh. Actual production grade of code quality. ❤🎉

[@chaiaurcode]

❤️❤️

[@jk-sm6qr]

Because of your previous lectures, this lecture is very simple for me Full maza aaya... Thank you so much...

[@shadhashmi3714]

I am going to be addict ur Hindi channel. U are such a brilliant teacher who knows how to teach in easy way

[@stocksandbeyond]

Its Unbelievable that this series is free of cost , I am unable to express my gratitude to u Hitesh sir U are just Genius!!!

[@gamingarea9011]

I don't understand his 50% code

[@stocksandbeyond]

Bro u just need ur basics of javascript to be strong work hard u will get it@@gamingarea9011

[@24mangeshgupta36]

@@gamingarea9011 01:14:30 Message for you !

[@SAM-tw4wd]

Then your JS is weak maybe​@@gamingarea9011

[@harshitrautela6585]

@@gamingarea9011 Take help of chat-gpt wherever you are confused. I do the same.

[@user-ts4eu2ns6y]

your content is really amazing and the way of teaching is superb, please make playlist for node js along with react js .

[@chaiaurcode]

Krte h prabandh

[@siriusplayz5871]

I'm trying to create a TASK MANAGER API using MERN Stack.. and this video helps a lot to brush up all the necessary topics and get a deeper understanding of the frontend concepts. Love your videos bro... you're definitely one of the greatest teachers( I've taken a lot, a lootttt of youtube courses from all the biggest creators and programmers, such as John smilga, Beau Carnes, Jack Herrington, Lama Dev, kyle web dev simplified etc etc... as I want to learn from every programmer out there because learning never stops). I've learned a lot from u. Lots of love and respect from Pakistan❤❤❤

[@suyashshekhar3247]

Sir, I can't express how good this video is; in the earlier two videos, I didn't get useContext completely. I am very confused about how it is working, but in this project, each and every concept is clear. So, thank you very much, sir ❤❤❤.

[@chandrabhushankumar8214]

Uff the content quality ❤❤

[@chaiaurcode]

😁😁

[@ssameer207]

This is a quality content 👌

[@shivasinghrajawat9434]

Wow, this video is incredibly informative and well-explained! I love how you break down complex concepts into easily understandable terms. It's such a valuable resource for anyone looking to learn about Web technologies. Keep up the great work, and please continue making more educational content. You're making learning enjoyable and accessible for all of us. Thank you so mush sir!

[@mathematics7746]

code chal rha kya tumhara?

[@galainak4195]

This was such a lovely explanation Hitesh Sir. Only a person with passion and love for teaching can teach like this. Thank you

[@tanishkagupta6864]

Thank you sir ji video 2-3 bar dekhni padegi 😂

[@RahulGupta-im6nh]

same

[@siddhantsharma5099]

kis kisko samajh aa gaya apna toh sab upar se gaya hai

[@siriusplayz5871]

Bro try to recreate and try coding along and keep making small changes.. lots and lots of practice is the key... mjhy b first 1-2 months tk kch smjh nh arha tha.. but jesy he ap practice krty rehty ho.. ahista ahista topics apky mind me sink in krna shuru krdete hn. Wish u best of luck.. just don't stop.. and keep practicing and code kro sth sth jo b wo likh rhy hty.. or 1 video ko 1.5x ya 2x ki speed me 2-3 dfa dekhogy to sb topics smjh ajayeingi.. never give up. I'm sure you'll become a great coder if u keep practicing bro 👍

[@AmanKumarSinhaOfficial]

2 din se dekh rha h yeah same video... 3 bar dekh chuka hu.. Avi v samjh nhi aa rha... 😂😢

[@siriusplayz5871]

@@AmanKumarSinhaOfficial context API ki basics learn krwin 1 bar phr se. Aksr core concepts ki revision krni parti h... Basics strong hona bht zrori h coding me.

[@rishaavv08]

Tum bina video dekhe ye todo app banana ka try karo agar nhi ban paye toh video dekh lo uski bad wapas se or ek bar todo app banane ka try karna bina video dekhe. mere ko 4 bar bana para or tab jake samaj aya​@@AmanKumarSinhaOfficial

[@tejth]

Watching and coding 5th time after giving 6 days gap still not able get confidence

[@user-ro4si4dz4e]

One of the best react content wiith high quality explanation and the way concepts selected are amazing ......Great work sir !

[@caish_156]

I already noticed previously .id error, so didn't make it, except that i got stucked in a new issue that my localstorage was storing function definition, Finally when i cleared local storage, my project worked, Thanks a Lot Hitesh sir for your Great efforts, Enjoying Chai with ...Code

[@xortixgaming655]

Loved your whole explanation ❤ bohot achi tarah clear hua hai context api ka topic thank you🙂

[@spremrahul007]

It was a great effort from your side to understand the concept clearly.

[@lifelonglearner7]

this series is so much awesome and easy to understand thank you sir laga hi nahi tha ki ek todo app mai itna sab kuch sikh jaunga thank you very much

[@shivikagarg3006]

I have watched many videos about todo apps, but most of them focus solely on the UI, causing all the todos to disappear upon reloading or reopening the app. However, this video stands out because it prioritises functionality and genuine logic, offering more than just a superficial appearance of working. ❤

[@shubhamjain6558]

ek sit me end to end dekha , maza aagaya. Thanks for your efforts sirji :)

[@thehilariousfactz2020]

I can say this free React course is actually better than paid ones I've taken! The content here is so comprehensive and well-explained, making it super easy to understand even for beginners. Kudos to the creators for providing such high-quality education without charging a dime. Definitely recommending this to anyone looking to learn React without breaking the bank!

[@AshrafulIslam-dp4qz]

Take Respect and Love from a Bangladeshi Student. Love you sir

[@LogicArena01]

Uff🔥🔥🔥🔥 What a lecture, Purely fall in love with your teaching style, the most lovable thing is that you don't show any hurry to complete the video and cleared every detail in a structured way. 💖💖

[@debasmitasahoo5704]

39:44 basic contexts functionality done ✔️ 👌 . BTW content quality OP 🔥👍

[@pankajbhadane]

Gaining more confidence with react with this series, thanks for teaching with this unformal way sir !!

[@boostboy9337]

It feels like we are doing a heavy course by watching your video sir fully appreciated sir thank you so much.

[@user-me4wv7hx3w]

i just watch it today ... its my first day... i dont understand it only in one watch ... but i belive when i watch it again and do each part just like adding deleting editing with the video it will be understandable... i have been working in react for almost 4 months.. its hard because i just start tech 2023... with out any knowledge ... i learn everything from the scratch ... i am not letting it go ... hope oneday i will be at least on that level where i can confidently make things working ..

[@adnanashraf6438]

am going to be addict ur Hindi channel. U are such a brilliant teacher who knows how to teach in easy way ☺☺

[@beautifuleditingzone228]

This is level content I cant find anywhere. such a great teacher.

[@sumitrana9931]

The quality of content is literally unbeatable , thanku sir for providing high quality content for free of cost

[@dev_kongkon]

Really amazing. Thanks a lost sir for giving us this type of gold content.❤❤❤❤❤

[@VikashSingh-hc6zo]

WOW Maja a gya sir apne jo bhi pusha mene sath har answer dia or han Jisne javaScript Chai k sath padi hai usko koi khaas dikkat ayeg nhi :D Thank you sir. han context api jab mene pehli baar pdi to muje first part a gya tha lekin second part krne m ek din laga tha lekin is video me context se to koi dikkat hui hi nhi... Once again Thank You sir

[@mdatiquealam8050]

maza aagya sir...ur teaching skills are crazy 🔥🔥 loved the explanation

[@Akanesp]

Thank you very much sir , i created the todo app just like yours but i tried to add an alarm functionality to it and it worked as your teaching is great too.

[@user-ly9qv8oe9o]

Blessed to have a teacher like you sir, thanks a lot

[@jyotijewellers1780]

Thank you so much sir I appreciate your knowledge and teaching style really respectful. I added one more functionality in this to make priority and I have used all your concept that you taught me ,really thank you so much sir for your effort ❤❤❤❤

[@TechnoBiz]

Commenting to increase your comment's count... btw Sir I have completed your LCO's React bootcamp, uss course me bhi quality lajabab thi ... aur isme to alag hi level pe hai ... bss revise krne ke liye playlist dekhi ... ab pura bing-watch kr raha hun projects ke saath .. itna amazing content dekh ke ... Huge respect for you from the times of your grey tshirt

[@user-mi7wz1me1m]

Hitesh Sir, Apan Software Engineer ho na ho pr Teacher / Professor bht ache ho 😅 Ek ek chiz itne pyaar se samjhate ho ek dum makhana ki tarah, MAZA aa gaya sir video dekh k. Pehle Mai videos dekhta tha to ap jo jo puchte the mai maan me nhi soch/jawab de bata tha But aaj bht time baad, Maine answer de pa Raha hu, abhi 36 mins hi dekh hu & Jaise index.js kyu banae, context file me kya kya likhege, todoProvider ki spelling mistake, provider me values missing thi & deleteTodo k func. Maine prediction kr liya tha, Aaj thoda confidence aaya h programming me, concept clear ho to bht maza aata h 😁😁😁 Thank you sir ye channel humko dene k liye ❤

[@ofcljaved]

The topic was beautifully explained and it's very interactive, Like you said Mja aaya bhtt sikh kr

[@investonomy8758]

revise karte time samjhme aya puri . you are great sir

[@harshalashi]

Video and Audio quality is top-notch. Very very few youtube videos have this benchmark

[@prernarane674]

Sir your way teaching is amazing. Different from other. Thq sir

[@anshuman.tiwari]

We love your teaching style, teaching content and you're amazing❤❤

[@rahuldiwan9818]

Solute to your consistency sir, never watched this kind of content .....todo v hard project ho skta h :))

[@vasantvyas2512]

Hitesh ji , bahut bahut shukriya etna kuchh krne ke liye ❤️😊🙏 Now, I am waiting for node series. 😊

[@RoboRoasterShorts]

sir i am from pakistan mainey aaj join kiya aapko Thank you sir content tau acha lag raha hai ab agey dekhtey hain thank you 😄

[@user-uj3pb7zc3s]

I completed this in my first attempt just because of deep explanation Love you sir

[@harshilsuthar5350]

One of the best lecture. Thank you so much !!

[@ayushp4471]

Your explanation is great. Thank you for the valuable content❤

[@mariz_e_ishq]

sir ek hi to dil he sir kitni baar jitoge sir bahot maja aya sir love from gujarat sir 🤩🤩🤩

[@santoshsalawadagi6809]

No one can explin this much deep helping me lot for interview tq sir❤

[@rahulsuthar6922]

Thank you.... Finally context api acche se smj agya

[@user-hg1rz6qh5b]

such a great quality video you deserve more than anyone else content creator

[@Nomi951]

this aproach is very advanced. i watched it 4 times and it took three days to understand it properly.

[@talibbb13]

Thanks... These type of comments makes us a lil bit comfortable that I am not rare guy not getting the concept within a day (feeling less stupid) 😌

[@abhishekkhatana1256]

Always top notch quality Guruji 👑👑👑👑

[@sarvesh2684]

One of the best video for React , Thanks Hitesh Sir

[@nayan7065]

Sir, We can also add user-convenient feature show the completed task at bottom of the list. So much grateful for your teaching sir. Please keep continuing your noble teaching. Your video will eventually reach to larger audience.

[@KhalidKhan-wo7xg]

I have cleared the all concepts of CONTEXT API watch your video 13 and 14 thanks sir 😍😍😍😍😍😍😍😍😍😍😍😍🥰🥰🥰🥰🥰🥰

[@mahakaalgaming25]

Sir your teaching style is Amazing.

[@Balvantkushwaha30]

Contact or content me different to hai 😂😂 Next level sir ji ❤❤❤

[@huraiah821]

Great work brother! Love from Bangladesh!

[@afaqahmad-ef4ky]

❤️❤️ Yes waiting for projects ❤️

[@user-qk6wr1yj8x]

what a video sir! now I m fully intrested in React and built more confidence on React

[@Suraj.5260]

I have learned js from u and am learning React , but I still can't believe that it's all free. I just can't thank you enough Sir .🔥🔥

[@parvezdeshmukh7953]

Genuinely your content is very helpful sir thanks a lot 🙏

[@usmanrana8427]

Thank you for not only showing us how to code but ensuring we grasp the underlying principles. Great work!

[@ketanthorat4337]

You can find multiple playlists and various views on React on KZbin, but clear and in-depth explanations and industry-level production code are only available on the Chai aur Code channel. This channel offers a complete masterclass, and @Hitesh Choudhary, you are the greatest teacher.

[@samihammas]

We are waiting for more content love from 🇦🇫Afghanistan I'm learning react and also hindi language from you ❤❤

[@webunveilers]

Others: watch documentations and teach Hitesh sir: Apu ustado k ustaad h. Love from Pakistan 🇵🇰

[@Mojo_._Jojo]

Great video , loved your teaching style

[@mohsinzia8566]

Sir you are a very high quality content creator, love from Pakistan!

[@phoddaal7130]

Sir, aapne mere development ke fear ko, Pyaar mein badal diya ♥♥♥♥

[@traderwebdev]

what an amazing explain may all world teacher will be like you

[@ashutoshmishra9610]

I have used localStorage in my project for a different reason and done that task, but now after watching this lecture got to know that it converts it to strings, I am using it for saving strings content only so it didn’t caused any issues. But yeah it’s good to learn it now

[@sumitsinha995]

ekdam true sir dubra dekhna hoga video .. par context laga ke pahele bar dekha..

[@Sandeep-zd6dq]

Sir 1-2 hrs length ki videos perfect hai wakai mein lgta hai ki mjaa aa gya 😎🙌

[@sahilumraniya3617]

Best channel in KZbin to understand JavaScript related technically

[@chaiaurcode]

Thanks, ab faila do sab jgh

[@riteshdholkhediya4532]

Sir appreciated your efforts and enjoyed the video with learning.

[@Aptilover]

Thank you so much guru ji for makinf such amazing type of content on yt for free 🙏🥰

[@suhanisagar2410]

That was such a great explanation 👌👌👍👍

[@patel..665]

39:52 Hats off to that amazing explanation. It was like you drilled it in our brains.. Sir you should have explained html part as to which tag is using which function etc

[@codebyprince4562]

Maza aaya sir ! I learn something new through todo.

[@jk-sm6qr]

19:13 index.js file is used to avoid multiple imports in components or any other file. By this we can imports multple things like "todoContext and todoProvider" in one single import statement.