Custom hooks in react | currency Project

In this comprehensive tutorial, you'll dive deep into mastering React by building a currency converter project. This project not only enhances your understanding of custom hooks but also demonstrates the importance of component reusability in React. The tutorial begins with setting up the project using Tailwind CSS for styling, followed by designing input components that can be reused efficiently. You'll learn how to create your own custom hooks to handle API requests, ensuring that the app remains scalable and easy to manage. The tutorial also covers state management and how to handle form submissions in React, emphasizing best practices like using useState and useEffect hooks. Additionally, you'll explore advanced topics like generating unique IDs using useId and handling asynchronous operations with fetch. By the end of this tutorial, you'll have a solid understanding of creating React components that are not only functional but also highly reusable, giving you the confidence to build more complex React applications in the future. Perfect for those looking to bolster their React skills and add a robust project to their portfolio.

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.

All the learning resources such as code files, documentations, articles and community discussions are available on our website:

You can find our discord link, github link etc on the above website.

[Roshan-fyrk]

you are teaching exactly the way everyone wants to be taught. Appreciate your effort a ton . your youtube tutorials are our poor students best go to while cant pay extra for any course than our college. God bless you for that Brother.😇😇

[vedantdeshpande]

Really thank you this is one of the best react series I have watched and really appreciate your hard work man

[lcandao]

I'm nearing the end of the current videos in this series and I'm extremely satisfied with the explanations. Keep up the great content.

[ItsjustStarFoxNBD]

Hitesh your videos are incredible. Thank you so much!

[akashmatsagar]

My friend purchased a course at just 200 rupees cost react course and now he at 12 lpa ..& this is the power of learning quality at this amount in this costful world.i also purchased

[utkarshgb]

Thank you so much, Hitesh Choudhary sir, for the incredible React tutorial! It's by far the best one I've seen on YouTube and has made my React journey so much easier. I’m starting to believe that I can truly learn React thanks to your guidance!

[christophermawela]

Thanks Sir, this tutorial has been hard but you explanations made it easier. I will revise this session after finishing the entire series, once I'm comfortable with creating simpler React projects, I will buy your complete course, I'm now moving to the next tutorial. React Router

[jessekM]

Hello Hitesh

I just want to thank you for this series coz it has helped me alot

[kattamurinagabhushan]

i just love to watch your tutorials. Learning a lot of courses from you. Thankyou for your efforts.

[rakteemmullick]

thank you very much sir for such an amazing tutorial. Especially the concept of hooks got much more clearer to me.

[ritwikyadav]

Thanks Hitesh for these videos, this is one of the best into to react series I have watched. Like it when you explain a lot of other simple concepts like fetch vs axios etc which helps us revise JS as well.

[sharathkumar]

You are amazing teaching skills with great attitude....👍

[aniket]

Completed the project with tsx, found one issue with swapping values but thanks to comment section i was able to figure it out quickly.
Thank you so much hitesh

[Adventures_English]

If you can't figure out why the values are not swapping consider this from MDN:

TYPE
The type of the button. Possible values are:

SUBMIT: The button submits the form data to the server. This is the default if the attribute is not specified, or if the attribute is dynamically changed to an empty or invalid value.

RESET: The button resets all the controls to their initial values.

BUTTON: The button has no default behavior. It can have client-side scripts associated with the element's events, which are triggered when the events occur.

[brunohenrard]

Thank you for these high quality videos, I'm watching them and then trying to make the app on my own. It looks easy when you are doing it but much more difficult while being alone :-).

[Donald.L.Rosenberg]

Hitesh your videos are incredible. Thank you so much!

[loudcapricorn]

This was a really great video providing deep learning which is actually asked in interviews.
Thank you for this wonderful content

[zues]

Great Project Sir even i have completed more complex project on react but this one was just perfect that's it 🔥

[saimanu]

Thank you so much Hitesh,
as usual your teaching is top notch.

[ErsanGökalp]

You give me so much positive energy. Blieve me, this has equal important to information itself