Большая подборка материалов для изучения React

Русскоязычный репозиторий с большой подборкой материалов (как на русском, так и на английском языке) для изучения ES2015, React, Redux, Webpack, Babel и всего остального.




ES2015: то, что действительно нужно

Современный стандарт ES2015 был принят в июне 2015. Перед тем, как углубиться в разработку на React, полезно изучить некоторые возможности нового стандарта.

Основы React

  • Мыслим в стиле React [RU] – перевод статьи из официальной документации, она поможет понять идеологию библиотеки и идеи, которые легли в ее основу.
  • Minimum Minimorum [EN] – минимум, необходимый, чтобы начать работать с React.
  • Modern React with Redux [EN] – курс по основам React. Подойдёт для всех, кто только начинает своё знакомство с экосистемой React. В ходе первой части курса вы построите приложение для поиска и просмотра видео на YouTube (только React, никаких изысков), во второй части начнёте своё путешествие в страну Redux и создадите приложение с использованием Redux и Google Maps API.
  • React to the Future [EN] – презентация о том, что такое React и почему он стал огромным шагом вперед.
  • Курс React для начинающих [RU] – курс для новичков на русском языке.
  • React Props/State Explained Through Darth Vader’s Hunt for the Rebels [EN] – пост о работе пропсов и состояний на примере Дарта Вейдера и повстанцев.
  • React.js for Stupid People [EN] – спасительный круг для тех, кто до сих пор ничего не понял. Есть перевод на русский язык.

Углубленный React

Знакомство с Redux

  • Курс от создателя Redux Даниила Абрамова[EN]  – 30 видеоуроков об устройстве и функционировании библиотеки, а также о приемах работы с ней.
  • Официальная документация [EN]
  • Лучшие практики при работе с Redux [EN] статья, рассказывающая, как избежать типичных ошибок: где и как организовать бизнес логику приложения, как правильно работать с асинхронными операциями, как создать архитектуру проекта на Redux и многое другое.
  • Презентационный компонент и контейнер в React [RU] – подробное объяснение принципов разделения презентационных компонентов и компонентов контейнеров.

Продвинутый Redux

  • Идиоматический Redux [EN] – второй курс от создателя Redux (Даниила Абрамова) про продвинутые техники использования библиотеки.
  • Обзор экосистемы Redux [EN] — принципы сосуществования с React и React Router, паттерны работы с асинхронностью и аутентификацией.
  • Пишем всю middleware [EN]
  • Асинхронный Redux [EN] — обзор библиотек для работы с асинхронными операциями в Redux.
  • mergeStateToProps [RU] — возможности Redux, о которых вы не знали (mapDispatchToProps на стероидах).

Роутинг

 

Архитектура приложения

Уроки по созданию полноценных приложений

Тестирование

Инструменты

Разное

Другие статьи по теме

5 вопросов по React, которые могут попасться на собеседовании

Изучение React. С чего начать?

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ