What do you need to know about JS before learning React?

I think a lot of novice programmers are starting to ask themselves this question. If you are just starting to dive into React, then this article is for you!

To begin with, React is a JavaScript library and yes, it (JS) cannot be missed. Here you can touch on the topic of the fact that before React, and even more so JS, you need to get knowledge of HTML (flex, syntax layout), CSS (preprocessors), then you should (ideally, of course, but no one forces you) to make up a couple of landing pages and start learning JS.

Start at base:

1. Select a code editor;

2. Read about Developer Console.

After that, study the base of the language itself:

1. Data types, loops;

2. Arrow functions;

3. Logical operators;

4. Knowledge of ES6 syntax.

You need to have a good understanding of closures, execution context and inheritance in js, and data mutability. Then there will be no heaps of torn hair and suffering. :)

After you have studied the basic concepts and understand what you are writing, you can start studying the same things, only in the advanced version. Namely:

1. Object basics - this, prototype, promise, constructors;

2. Advanced function handling - arrow functions, function declaration, function expression and their calling context;

3. You can touch on such a topic as event Loop;

4. Asynchronous events, their handlers (try - catch, async - await, micro - macro tasks);

5. Interaction with the DOM;

6. Events in JS (callback functions).

For a better study, I can advise you on the following documentation, video materials:

1. A series of small books "You don't know JS";

2. Courses by Vladilen Minin;

3. Ivan Petrichenko's courses;

4. ITKamasutra courses;

5. Book Learning JavaScript Programming.

In conclusion, I can say that when studying these things, support your knowledge with examples and tasks. You can find different training projects on the Internet and try to make them. Do not be afraid to come up with different problems and solve them, as only this will help you to apply your knowledge 100%.

Good luck in learning JS! We believe in you! :)