Как начать изучать React

React — это библиотека, предназначенная для разработки пользовательских интерфейсов. React на самом деле не является полноценным фреймворком, как его часто называют. Он решает задачи оптимизации взаимодействия с DOM при связывании данных между представлением и моделью данных. То есть, если брать в пример архитектуру MVC (Modal-View-Controller), то React осуществляет лишь «V». Но тем не менее в настоящее время он очень популярен и востребован наряду с Angular и Vue. Вместе с React также часто используют Redux для управления состоянием приложений.

Как начать изучать React

Почти всё в React — это обычный JavaScript. Из-за этого он достаточно прост в изучении (по сравнению с Angular), ведь если вы хорошо знаете JS, то автоматически знаете большую часть React 🙂 Он подразумевает декларативный подход программирования, что значительно упрощает разработку. Чаще всего используется преимущественно для одностраничных сайтов (SPA).

Сразу же напрашивается вывод: для того, чтобы начать изучать данную библиотеку и успешно использовать её в проектах, необходим опыт и уверенные навыки программирования на нативном JavaScript. Кроме того, конечно же, как и у любого фронтенд-разработчика, у вас должно быть представление о том, что такое вёрстка (HTML и CSS).

Я составила небольшой список электронных учебников, видеокурсов и книг, которые помогут новичкам в теории познакомиться с данной библиотекой и научиться с ней работать:

  • Официальная документация. Нет ничего лучше официальной документации! Это первоисточник, в котором всегда раньше всех появляется вся актуальная информация. Кстати, недавно появился перевод на русском языке.

  • Учебный курс по React - цикл статей, который является переводом обучаюших видео от Bob Ziroll.

  • Курсы по React для начинающих - электронные учебники от Max P. Включают в себя основы React для начинающих, туториалы по Redux и роутинг.

  • Уроки React Js для новичков - небольшие видеоуроки для новичков.

  • React Components - видеоуроки с примерами использования компонентов.

  • React & Redux - видеокурс про взаимодействие React с Redux, React Router и реальным API.

  • Основы React.JS - видеоуроки по настройке окружения, созданию компонентов, основам API и приёмах.

  • Курс «React JS - путь самурая», уроки, практика - большой видеокурс с очень подробным объяснением примеров, концепций и архитектурных принципов.

  • «React.js. Быстрый старт» - книга Стояна Стефанова, в которой рассмотрены основные концепции высокопроизводительного программирования при помощи React, реальные примеры кода и доступные блок-схемы.

  • «React в действии» - книга Марка Тиленса Томаса. В ней содержится множество необходимого материала для знакомства с данной библиотекой: о работе с компонентами, архитектуре React-приложений, взаимодействии с Redux, серверном рендеринге и также небольшой обзор React Native.

  • «React и Redux. Функциональная веб-разработка» - книга Алекса Бэнка и Евы Порселло. Она повествует о том, как создавать пользовательские интерфейсы с помощью данной React и Redux.

  • «React быстро. Веб-приложения на React, JSX, Redux и GraphQL» - книга Азата Мардана, описывающая процесс создания полнофункциональных веб-приложений с маршрутизацией, тестирование, способы оптимизации приложений.


Сейчас очень большой выбор обучающих ресурсов, ведь React с каждым годом становится всё популярней и востребованней. Обязательным к прочтению, конечно же, является официальная документация. Далее кому как удобно. Кто-то, например, предпочитает книги в печатном издании. А кому-то для знакомства с данной библиотекой сначала будет полезным посмотреть видеоуроки… Вышеперечисленного списка ресурсов вполне хватит для детального изучения. После прочтения и приобретения теоретических знаний вы сможете спокойно приступать к практике, чтобы начать создавать приложения.