⚛️ React Developer Roadmap - beginners guide 🚀

I was thinking to myself, about the steps I followed to learn React and then I asked myself, why not share with all developers? 😊

👾 Strengthen your JavaScript knowledge

If you are reading this post, I assume you already have HTML, CSS and basic JS knowledge, so I'm going to skip those. To be a React Developer, you have to first have solid foundations of JavaScript.
Let me share with you some resources that you can use to increase your JavaScript development skills:

• JavaScript Accelerated Training - Noting better to start with reviewing the basics of JavaScript
• JavaScript - Understanding the Weird Parts - Grasp how Javascript works and it's fundamental concepts

• JavaScript Algorithms and Data Structures - learn by doing examples and at the end you can get a Freecodecamp certification
  
  
  

👩‍💻 Learn map, filter and reduce in JavaScript.

Map, reduce, and filter are all array methods in JavaScript. If you start with React, chances are that you use them in a daily basis.

For this topic, I leave you here 2 articles, which are my favorites:

• Learn map, filter and reduce in Javascript - people who are just starting working with functional Javascript and never heard of map, filter and reduce.

• JavaScript Map, Reduce, and Filter - JS Array Functions Explained with Code Examples
  
  
  

🎨 CSS Frameworks

It's always handy to have help when building applications and css frameworks are always here to the rescue.

• Material UI - a library created and kept up by Google with many custom options for many different jsx/html tags you’ll want to use
• React Bootstrap - React Bootstrap is a set of React components that implement Bootstrap framework

• Semantic UI - development framework that helps create beautiful, responsive layouts using human-friendly HTML
  
  
  

✈️ API's

To create something which communicates with other application you will need to use APIs like REST

A quick and easy to follow tutorial that I advice to watch is the What Is A RESTful API? Explanation of REST & HTTP

• FETCH
• Axios

• SuperAgent
  
  
  

⚛️ Learn React

Now that you’re experienced in Advanced JavaScript and API's, let's skip to React. React as a framework is a great choice because it’s quite easy to learn, it’s improving each day and it has a great community.

There are several courses that you can find out there, I'm going to share some that I think it could be interesting:

Official Documentation

• React - getting start
  
  
  

Free

• The Beginner's Guide to React - egghead
• React + Redux - SoloLearn

• React - freecodeCamp
  
  
  

Paid

• Modern React with Redux - Stephen Grider

• React - The Complete Guide (incl Hooks, React Router, Redux) - Maximilian Schwarzmüller
  
  
  

🚀 State Management

This is an important area for a React developer to focus on. Some of these points are:

• Component State
• Context API

• Redux

• Async actions (Side Effects)

And much more...

You can also check the courses from Stephen and Max in what regards to this topic.

🪐 And it continues

There is so much more to learn about React, but I wanted to keep this article simple, for beginners, like me.
I wrote this article as I was writing for myself, so I hope it helps you when starting this new journey