How to Learn React: A Five-Step Plan

Article by John Hannah

For the past two+ years I've worked exclusively on React projects and I've had my own up-and-down learning experience with it. Over that time, I've developed some advice for how to learn React—the resources, the sequence and the important takeaways. What follows is a five-step plan for learning React. All of the steps point you to free resources whenever possible.


Related resources

Set Up a Typescript React Redux Project

This post provides a way to type your React Redux project with Typescript. [continue]

Tutorial by Nick Scialli

Complete React Tutorial for Beginners (2020)

Learning React is tough. It seems there's a lot to learn at once. You might even think that 'learning React' means that you have to also learn about Redux, Webpack, React Router, CSS in JS, and a pile of other stuff. This article is designed for total beginners to React, as well as folks who've tried [continue]

Tutorial by Dave Ceddia

How to use Sass and CSS Modules with create-react-app

With the release of create-react-app v2, the team at Facebook gave us the ability to use Sass and CSS Modules right out of the box, and in this tutorial you will learn how simple it is to include them in your projects using create-react-app. [continue]

Tutorial by Esau Silva

Upgrading a create-react-app project to a SSR + code splitting setup

The default CRA setup can be OK for small projects, it's not always enough for larger, more complex applications. Luckily, we can improve things, even without ejecting. Let's try to do this step by step. This is what we'll cover: Server-side rendering, Code splitting with react-loadable, Code splitting [continue]

Tutorial by Andrei Duca