LogoJuan Manuel Allo Ron

Learning Path: Getting started with React

By Juan Manuel Allo Ron on May 19, 2020
React Logo

Not long ago I started learning React. I have more than 10 years of experience using JS and before React I was actively coding in first wave generation web frameworks (like knockoutJS) and starting to get a grasp on components architecture (but using KO components + web components). Today I am coding entirely in React (both at work and for personal projects) and it’s been great. I love the community, there are a lot of projects & learning resources and I also found React to be a fast way of creating web applications.

In this post I want to share some resources that helped me learn React and I hope they are useful for anyone starting out there.

To be more effective in this learning path, intermediate knowledge on JS, HTML and CSS is recommended. If you are not there yet, you might want to take it at a slower pace and maybe mix it with some tutorials on JS, HTML and CSS basics. Also make sure that you are familiar with newer JS concepts. Check Javascript to know for React as a refresher.

Before we begin it is important to understand what React is. This Introduction to ReactJS video explains it in a nice and concise way. Also, if you want to understand better why React is a library and not a framework, check this chapter on What React Is and Why it Matters by Eric Baer.

Let’s continue with the official React website as it has solid documentation and tutorials. I find myself checking the official site here and there to reinforce core concepts of the language. If I had to recommend 2 sections from the official docs those would be:

  • Thinking in React: Explains a simple process to design and implement UI with this library.
  • Design Principles: Understanding the reasoning behind React also helps to reason about the features and practices.

After following these docs it is time to watch some videos. I recommend 2 React tutorials:

  • React - The Complete Guide (incl Hooks, React Router, Redux): Super complete tutorial where you code along. It is not free, but usually you can get it for $10 USD which is not bad.
  • Going a little bit more advanced, there is a training course by Wes Bos called Fullstack Advanced React & GraphQL. This one is more expensive ~$50-70 USD but it goes a little bit deeper, you will end up doing a full web application (uses an e-commerce example). It will not only walk you through React but also a solid stack (NextJS, Apollo, GQL Yoga and Prisma).
  • If you are looking for free options check this article on 10 free courses to learn React.

Now is a good time to check that some core principles are solid. Refresh some concepts by checking these articles:

You are never finished until you tested your app. Here are some resources to help you learn more about testing:

If you are still excited to continue learning is time to dig into React internals. Also check this talk on how react concurrent mode works.

A bonus resource is this awesome React GitHub resources repo which has tons of links to keep learning and building your path!


Catch up with me on X (twitter):@juan_allo

Learning path
React fiber


X Facebook Y Combinator LinkedIn Reddit Email


Similar Articles

Promise States: Pending/Fulfilled/Rejected

Javascript as Promised

Nov 15, 2017
Promises have been there for a while now, officially released in ES6 but already being supported by most browsers before that and/or polyfiled by libraries
Blurred lines of code

Callbacks in Javascript

Nov 15, 2017
Quick recap on what a JS callback is and the common problems around using them
A typical loading sequence for a web page

What's all the hype about React Server Components?

Jan 7, 2021
A couple of weeks ago the React team announced React Server Components. In this article today I will explain what it is, why they came up with this strategy and how to get prepared for it.

Multiple options to deploy your web application

Feb 5, 2021
In this weekly digest I have compiled a list of tutorials to deploy your website or app into different hosting providers.

@2024 Juan Manuel Allo Ron. All Rights reserved