If you’re not a full-on expert just yet, you’re not alone. And there’s no reason to worry. There are plenty of great opportunities to learn. Some are completely free – perfect for the budget-conscious developer.
We took a trip around the internet to find some top resources for learning React. There’s something here for everyone, from beginners to those looking to dive even deeper into the library.
This official tutorial is aimed at absolute beginners (though they do recommend that you have at least some HTML and JS background). In it, you’ll go through the process of creating an interactive tic-tac-toe game. The guide is fairly quick to complete and provides plenty of help along the way. It’s a perfect introduction to the concepts of building a React app.
Learn React.js in 5 minutes
Need to learn the basics in a hurry? Per Harald Borgen’s guide will take you through the very basics in short order. These are the building blocks you’ll need to take things further. And, once you’re ready to move on, check out Per’s free “Building a chat app with React” course.
Codeacademy’s React course offers a look at JSX, components and how to interact with them. You’ll find that both some basic and advanced concepts are covered. Note that the actual lessons here are free (you just need to sign up for an account). However, there are some “Pro” portions that take you through real-world projects and quizzes.
Instructor Wes Bos offers two levels of premium React video courses. There is a total of 29 videos available, depending on which package you purchase. Either way, students receive free lifetime updates that will cover new techniques as they become available.
This free course is meant for intermediate learners who have at least some knowledge of how React works. During the course, you’ll build three unique components from scratch. Plus, there are lessons regarding data retrieval and localStorage.
One of the more confusing aspects of React is that there are so many companion libraries. When starting out, trying to absorb it all can really lead to frustration. So, this free course includes nothing but React. And it’s entirely browser-based, meaning there are no further tools to install.
KIRUPA offers a versatile free course that includes both video and text-based tutorials. So, no matter how you prefer to learn, you have a method for doing so. It covers all the basics, along with some more advanced use cases.
This compilation of 8 React courses from Treehouse will take you through pretty much every aspect of the library. Start off with the React Basics course and work your way through to Building Applications with React and Redux. In all, it’s 10 hours of course material. These courses do require a paid Treehouse membership, however.
A Variety of Learning Avenues
React is a vast library, but the resources above provide you with plenty of choices. You can learn as much as you want and do so in a manner that is the most comfortable.
If you just need to know enough to get by, choose one of the super-fast tutorials. However, if you want to become an expert developer, there are more in-depth offerings as well. Choose the path that makes the most sense for you and your goals.
Either way, congratulations on furthering your education and best of luck!
- 10 Useful Components, Libraries & Tools for React.js
- In Web Design, Easier Doesn’t Always Mean Better
- Navigating Harsh Judgements and Self-Worth in Web Design
- 10 Popular Web Typography Frameworks & Libraries
- 50 Free eBooks for Web Designers & Developers
- The 50 Most Useful jQuery Plugins for Frontend Development
- 5 Ways You Can Contribute to the Web Design Community