Что нужно знать по JS перед изучением React?

Я думаю, многие начинающие программисты начинают задавать себе этот вопрос.  Если Вы только начинаете погружаться в изучение React, тогда эта статья для Вас!

Начнем с того, что React - это JavaScript-библиотека, и да, его (JS) пропустить нельзя. Тут можно затронуть тему того, что перед React, а тем более JS необходимо получить знания по HTML (flex, синтаксическая верстка), CSS (препроцессоры), затем Вы должны (в идеале, конечно, но Вас никто не заставляет) сверстать пару лендингов и начать учить JS.

Начните с базы: 

1. Выберите редактор кода;

2. Прочтите о консоли разработчика.

После этого изучите базу самого языка:

1. Типы данных, циклы;

2. Стрелочные функции;

3. Логические операторы;

4. Знания ES6 синтаксиса.

Нужно хорошо понимать замыкания, контекст выполнения и наследование в js, а также мутабельность данных. Тогда не будет кучи вырванных волос и страданий. :)

После того, как Вы изучили базовые понятия и понимаете, что пишите, можете приступать к изучению этих же вещей, только в углубленной версии. А именно: 

1. Основы объектов - this, prototype, promise, конструкторы;

2. Продвинутая работа с функциями - стрелочные функции, function declaration, function expression и их контекст вызова;

3. Вы можете затронуть такую тему как event Loop;

4. Асинхронные события, их обработчики (try - catch, async - await, микро - макро таски);

5. Взаимодействие с DOM;

6. События в JS (функции колбеки).

Для лучшего изучения могу посоветовать вам следующую документацию, видеоматериалы:

1. Серия небольших книг "You don't know JS";

2. Курсы Владилена Минина;

3. Курсы Ивана Петриченко;

4. Курсы ITKamasutra;

5. Книга Изучаем программирование на JavaScript.

В заключении могу сказать, что при изучении этих вещей подкрепляйте ваши знания примерами и задачами. Вы можете находить на просторах интернета разные тренировочные проекты и пытаться сделать их. Не бойтесь придумывать разные задачи и решать их, так как только это поможет вам применять ваши знания на 100%.

Успехов вам в изучении JS! Мы в Вас верим! :)