Code Refactoring : Context API | React Router V6 | Learn React JS with Project in 2 Hours

In this video we will do the code refactoring of our popular video Learn React JS with Project in 2 Hours. We will migrate to React Router DOM version 6 and convert some class components into function components along with adding Context API to solve prop drilling props.

The code is available in the Github link mentioned below please check for code refactor branch.

⭐️GitHub link for Reference⭐️

⭐️ Support my channel⭐️

⭐️ Related Video ⭐️

***React Roadmap for Developers in 2021***

🔗 Social Medias 🔗

⭐️ Hashtags ⭐️
#react #beginners #tutorial

Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

[DipeshMalvia]

Guys, this video was not recorded in HD due to my HD monitor and camera break down in between recording session. So apologies for the video quality issues however the content is still the quality content. Thanks for understanding.😊

[andreumbert]

I was strugglin my self for days to resolve an useLocation problem, but usign context I already made it and now I understund better why to use context and why is usefull too. Thanks for the video. I will suscribe to your channel.
Good luck!

[SarthakKumar]

I was watching that 2hrs video and was stuck at react router part itself. thanks for updated video

[zackOverflow]

Dipesh Thank you so much for this update, you read my mind. You are the best.

[karthikpanicker]

Thanks a lot Dipesh
Just completed the project :)

[yam_sa...]

Hii bro your videos are helping me a lot you r a great legend bro pls video on api integration

[DeepakGupta-pzfx]

Great sir outstanding video can you make one video React unit testing 👏 👍 👌

[alokmarathe]

Whenever I click on edit icon of a contact, I get this error:
No routes matched location "/contacts/(the id of the contact I clicked)"
and it gives a blank page with just the header. What should I do to solve this?

[a-lok]

I am getting this error

Line 11:21: Parsing error: Unexpected reserved word 'await'. (11:21)
How can I resolve it?

[diwakarsingh]

great explanation with quality content.

[raghadabu-alkhair]

When I want to render my app, It keeps showing this message: TypeError: Cannot read properties of undefined (reading 'contacts') what should I do?

[CurryCravingsIndia]

Bro do a series on React Reusable components. We can't find Reusable components tutorial in whole YouTube.

[namacharyadas]

Make a video with next js and typescript please ! Thank you

[sumittimori]

mere me to apka code lekr bi npm install krke bi start ni hora project showing this! nah host krpara es project ko

[brijusingh]

Hello...sir... Please Can I use codesand box .. online IDE... For reactjs... Is good for beginners for learning and deployed website...
Bcz my laptop is not supported Nodejs....

[sylentifytv]

Hey I am having some real trouble with my name and email object not creating a contact, and I am getting errors with my axios and a stack size error. Is there any media platform I could send you some screenshots of this problem I have been stuck all morning.

[darshankatti]

could you show what is there in api folder.

[darshankatti]

getting this error on running
Cannot destructure property in contactList line 7

[yam_sa...]

Pls make one project on react hooks for it would help for 1 year experience guy like

[ADITYASRIVASTAVABCE]

my code has now been messed up with so many errors coming one after the other. This is so frustrating. can somebody please talk me in person or in call or in whatsapp. Please somebody assist me.