Почему React
React — библиотека для построения интерфейсов от Meta. Её главная идея: интерфейс описывается как функция от данных. Изменились данные — React сам пересчитал и обновил экран. Разработчик не манипулирует страницей вручную, а просто описывает, как она должна выглядеть.
Компоненты
Компонент — независимый кусок интерфейса: кнопка, карточка товара, шапка сайта. Компоненты собираются друг в друга, как конструктор. Большое приложение — это дерево из сотен маленьких компонентов, каждый из которых можно тестировать и переиспользовать.
Props и состояние
Props — данные, которые компонент получает от родителя. Изменить их нельзя: это «входные параметры».
State — внутренняя память компонента. Изменился state — компонент перерисовался.
Путь от новичка до профи
Маршрут простой по шагам: JavaScript и современный синтаксис → компоненты и props → state и события → работа с сервером через fetch → роутинг → стилизация → тестирование и оптимизация. На каждом шаге делайте мини-проект: список дел, калькулятор, мини-магазин.
Пять собственных проектов научат больше, чем пятьдесят просмотренных видеокурсов.