The Coding Mermaid 🧜♀️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
⚛️ 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:
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
