Cover image for How Did I learn React in 10 months

How Did I learn React in 10 months

adrianolupossa profile image Adriano Lupossa ・2 min read

I always see questions like that how many time is need to learn some new technology.

The truth is you can't learn a new language/framework in 5 hours (yes I'm talking about that immersive course of 10 hours).

So I decided to write something's based in my small experiences.

Before starting learning react it's a good idea to pratice ES6 features,that can make your life easier.

Note: This is not a silver bullet or the secret way of learning react, it's just guide that will put you in the right way, you decide if you follow or not.

How did I start with React

I started learning react reading the documentation. Most of us start learning the things in the "wrong way", we getting started with courses and tutorials then when we have troubles we dive into documentation.

Documentation it's like a manual guide, we just ignore it and start using the things, then we go back to them when the things don't work well.

We can avoid much pain if we start in that way, documentation will give you a deep knowledge about the technology and you will learn more fast and in a detailed way more than a course or tutorial.

React documentation it's one of the most well write documentation, you can learn through tutorial or step by step.

I highly recommend getting started reading the documentation, that's made a lot of difference for me.

Practice, practice and practice

Just reading the documentation will not make you a pro without practice.

I did read the documentation every single day, and practice step by step each functionality.

Read it's the 50%, practice it's the other half. You have to practice every single commands and tips. See the results by yourself and understand how the things work deeply.

You will learn more fast and in the right way if you practice the things.

Dive into a Project

There is something's that you will discovery only if you dive into a project.

You can learn more if you build small or big projects. The project can be a Todo list or a simple chat, but needs to be challenge for you.

When you dive into projects you will find new complex problems, that will increase your level as react developer.

Build real projects made all the difference for me, I found new problems and discovered better ways of doing the things.

So dive into a projects when you're a learning.


When you feel more comfortable working with React, you can watch courses and videos tutorials.

You will notice a big difference. I think this tips will help you getting started in the right way.


markdown guide

It seems so obvious to start with the documentation but that is what I NEVER seem to do and I go straight to tutorials and courses haha. Great article, I've started learning Vue.js this week and this article has made me realise where I'm going wrong. I'll start with the documentation first and implement what I learn. Thanks.


I'm happy that the article did help you if need some help, you can send me a message 🙏


I came from the java world and you know the oracle docs. Then some youtube fellows made interest in other language and technologies. Youtube's persuasive design made me stick in youtube and bhoa. I turned into another tutorial follow. Instead of spending few minutes in docs, i wasted hours into videos. Modern docs are quite readable though. Like 70% docs, 25% tutorial, 5% fun. and all mixed together.


Hey man, i am trying to learn java too, but the official Docs sucks. Suggest some resource to learn it. BTW I'm from C/C++ background 😬.


Like with most languages (including programming), one can engage the learning process using a SCRUM-like approach - iteratively, functionally, and bootstrapping. If you become top-heavy with reading documentation-tutorials or diving prematurely into extended example code snippets, you will elongate your learning process or even fail to meet your timeline goals for learning. This is akin to top-down and bottom-up approaches respectively. They are not an efficient means of obtaining a working knowledge of a subject matter.

If you are going to engage in a code snippet, use documentation to learn the component parts of it before you improvise it. Do not stick for too long a period of time with that improvisation of the code snippet because it may outlive its usefulness as the best way to accomplish your algorithmic purpose. Jump to other approaches within the language and/or others' approaches. You will always produce code that will be more efficient, correct, and elegant than others' or worst than others' respectively. The learning process never ends and then once you start reaching star status with one, it dies a death, being replaced with a better language. That is what it means to be homo-sapien in a homo-sapien society.

Additionally, you may have considered giving a very brief intro or description of React (i.e., a 5-year-old javascript library for interface development, View part of MVC, VDOM binding, with scalable fast component-based server-side rendering).


The best way to learn something new as always is to just build projects. It's a no brainer but still many get stuck just following a tutorial blindly. Once you make that break away and start doing what you want to do it is game changing the ideas just flow when you see how capable you are.


Everyone learns differently and I find that I learn in different ways for different technologies even. Some of it is a tutorial (when I have no idea where to start), some of it as a project and then I learn as I go (at work often -- we don't get paid to learn except through experience which is invaluable if you think about it) and then some of it is going through the docs (usually I have to have a good idea about the technology beforehand but you've convinced me that's not always the case). Thank you Adriano for submitting this idea to me. What you bring up is very helpful and I appreciate you very much telling me about this. Look forward to reading more from you!


I also started by reading the official docs, but for the rest I wasn't as disciplined as you, didn't practice systematically, which is bad if you want to learn something really well. But reading the official docs as a first step is a winner.


Thank you so much for all of this advices and tips. It's a huge article. Can you give us some projects to clone it and increase our skills?


Sure, I will share my repository with the projects


Oops no, I was joined bootcamp first . .


I've been using React for about 5 years, and I'm still learning it. It has evolved so much, so quickly, that I don't think I'll stop learning it any time soon.


You aren't being clear how much learning is learnt. Cutting point? Suitable for junior positions?