If you want to attain proficiency in React, here we the top free resources for learning React. Please note that the resources here are for React only. Other resources for Redux, React Router and other libraries are not included.
The Official React Tutorial is an easy to read documentation that covers a complete tutorial on React. However, it is worth mentioning here that the tutorial does not teach about development tools like Babel and Webpack.
So if you have an excellent technical background then only you can find this tutorial helpful.
The tutorial is available with examples, but you will have to run a server on your desktop to use them. If you haven’t done it before, we will recommend you to pick some other simple tutorials to learn React.
This series will explore the basic fundamentals of React to get you started.
Each lesson in this course is just a single
index.html file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work. The course wraps up with a lesson on how to move from these
index.html files to a more production ready development environment and even how to deploy your app to a great service like Netlify.
A lot of roadmaps exist on how to master React. This book uses the common sense of these roads and weaves it into the implementation of an app. You will build an own React app. On the road you will learn ES6, React with all its basics and advanced concepts and internal state management.
It is quite a long tutorial, which can take several hours but seems an excellent resource for people looking a non-interactive tutorial. You can understand different concepts of React by merely reading about them.
Perhaps, React JS Tutorials is one of the best React tutorials series available on YouTube. This tutorial series has been presented by LearnCode.academy. These videos have easy to understand even novice can quickly learn basic fundamental concepts of React easily.
Some of the topics covered by this tutorial are:
- Reactjs components & Rendering.
- Composing multiple Reactjs components.
Free video series for React beginners that walks you through a 4-days of React’s fundamentals. It also includes useful tutorials and code snippets.
Another Youtube video that shows you the fundamentals of React.
This series shows you how to create an app in React. You’ll join a live coding session with the instructor. With 19 videos, you’ll see every aspect of a React app.
Though Redux isn’t part of the core React framework, they’re so often used together that you really should learn it. And even if you eventually move away from Redux, you can take the concepts with you and apply them to whatever you end up using in its stead.
Cabin is a 10-part tutorial series that will teach you how to build a feature-rich, scalable social network app using React and Redux: installing Node/React/Webpack, understanding how React works, incorporating Redux, dealing with social network features like feeds and notifications, processing images and filters like Instagram, and more.
The last part is an overview of “best practices” that not only teaches you the most effective way to use and organize React/Redux, but also common mistakes to avoid, how to design a scalable app, and how to use third-party tools to ease your development workflow.
Hacking with React is a free eBook that covers basic React concepts, including JSX, props, and components. However, if you need its mobile version, PDF or EPUB you will have to spend $10.
This react course is a perfect resource for those who don’t like video tutorials much. Whether you are looking for basic topics like JSX, Props, Components or intermediate topics like routing, linting, states, etc. you get everything under the same roof.
Although you will not become react expert after reading this course, yet you will be more confident and comfortable using React after walking through this tutorial.
12. React Book
A comprehensive book on React that explain everything about React. It’s kind of an alternative to official React docs.
A book about common design patterns used while developing with React. It includes techniques for composition, data flow, dependency management and more.
This cookbook is targeting developers that already have a basic understanding of what React is and how it works. It’s not meant to be used as a complete how-to guide but as an introduction to popular concepts/design patterns. Paradigms that more or less are introduced by the community. It points you to an abstract thinking. For example, instead of talking about Flux, it talks about data flow. Instead of talking about higher-order components it talks about composition.
Curated tutorial and resource links for React, Redux, ES6, and more. They’re meant to be a collection of high-quality articles and resources for someone who wants to learn about the React-Redux ecosystem, as well as a source for quality information on advanced topics and techniques. Not quite “awesome”, but hopefully useful as a starting point for others.
If you want to boost up your React knowledge and become a professional developer, you will find these resources helpful. Hopefully, these resources will assist you to understand and get started with React in a better way. If we have missed any of your favorite and useful resource let us know in the following comment section, we will surely add in to the list.