Here are the best React resources, from my perspective, that you can find on the internet.
Official documentation
The first and most important resource for you should be the website https://react.dev.
This is a new website for React with exceptionally well-presented documentation. Using the search feature, you can easily find any topic you need, such as the useState hook. Not only does it provide a detailed description of the hook, but it also offers numerous examples and various use cases.
Compared to the old React website, this one is significantly improved. Previously, the documentation was rather dry and lacked extensive examples. If you're seeking to understand a particular function or learn from an official source, this website is the way to go.
Videos on Youtube
If you already possess some knowledge of React but wish to prepare for a job interview in the field or simply refine your React skills, I highly recommend watching my video on React Interview Questions and Answers: React Interview Questions and Answers
The main idea is that you not only receive theoretical knowledge but also encounter real interview-style questions. You can pause the video and attempt to answer these questions independently before listening to the provided answers.
I'm a strong advocate for learning programming through video courses. Why? Because you directly witness the code in action, rather than just reading dry text. It's easy to follow along, as you can visually see what's happening on the screen, making the learning process more engaging and effective.
There are numerous videos available for learning React, but one that I particularly enjoy is the React JS Crash Course by Traversy Media. Despite being less than 2 hours long, it offers a wealth of valuable content for learning React and even guides you through coding a small real-world project. It's concise yet comprehensive, making it an excellent resource for beginners and those looking to refresh their React skills.
You don't really need a 10 or 12-hour course to start working with React.
Paid resources
But for some reason, many people still prefer books to learn programming.
I'm not a big fan of learning programming through books because the content can often feel dry and become outdated quickly. However, if you're someone who prefers learning from books, I can recommend The Road to React. On the official website, you can find endorsements from well-known figures in the React community, along with numerous positive Twitter comments from satisfied readers.
Another valuable paid resource is a course on Udemy by Maximilian, who is one of the top instructors on Udemy and comes highly recommended. This course covers not only React but also the entire React ecosystem.
With over 800k students enrolled, it's undoubtedly a popular choice. However, there's a caveat. This course spans 74 hours of video content. It's only worthwhile if you're committed to learning React comprehensively, including its entire ecosystem, and if you have the time to invest in watching the videos and completing practical tasks.
If you don't have that much time, then I can't recommend it.
If you only have 3-5 hours available for learning, it would make more sense to choose another resource.
Posts
Two more extremely important resources that I find invaluable are completely free. These are two posts by Dan Abramov, who is not only the inventor of Redux but also a core contributor in the React ecosystem.
Firstly, there's A Complete Guide to UseEffect.
If you have experience with React and useEffect, you'll undoubtedly find many important insights in the post. It covers various aspects that are crucial to remember, ultimately simplifying your React code and the usage of useEffect significantly.
This post is a must-read for any React developer.
Another invaluable resource, also authored by the same individual, is Writing Resilient Components. In this article, you'll find numerous examples with code illustrating how to structure your code effectively. It offers guidance on what to use and what to avoid, making it particularly beneficial for beginners in the field.
Libraries
The next two resources are focused on state management.
This is the official website of Tanstack Query, which offers an excellent approach to synchronizing your API data with the data within React components. While it may not be necessary to learn it when you're just starting with React, investing some time in exploring its documentation and trying out the library can be incredibly beneficial. It has the potential to simplify your code significantly as you advance in your React development journey.
The same principle applies to Redux and Redux Toolkit. Redux is a state management tool, arguably one of the most popular in the world for frontend applications, and it is frequently used alongside React.
When you've mastered React, it's highly beneficial to invest some time in learning Redux.
On its official website, you can find amazing tutorials and quick start guides that demonstrate how to use Redux to build real applications.
Full Applications
The final three resources are videos from my channel, completely free of charge. They will aid you in enhancing your React knowledge and assist you in building real production applications.
Firstly, we have a Todo List in React, where you'll find a tutorial for creating a todo list application entirely on the client side. In just 30 minutes, you'll learn how to create, update, and remove todos.
Another project is Building a Quiz featuring questions and answers, created with plain React and without any dependencies.
Additionally, if you're looking to enhance your React knowledge and prepare for interviews, I highly recommend checking out my course React Interview Questions.