Вступление

ОБНОВЛЕНИЕ 2018: в учебнике хорошая теория, но ему уже два года. Проверяйте версии пакетов. За выходом нового учебника можно следить в telegram каналеarrow-up-right или twitterarrow-up-right

На каналеarrow-up-right так же проводятся бесплатные вебинары, публикуются переводы и авторские материалы, присоединяйтесьarrow-up-right!

Курс включает в себя 2 части:

  1. Подключение и использование react-router'а

  2. Использование react-router'a + redux

Преимущества и недостатки

Преимущества данного учебника:

  • на русском, текстовый формат + картинки (нет видео)

  • практически все разделы содержат исходный код на githubarrow-up-right

  • частично включает в себя переводы официальных туториалов/документации

  • использует современные (апрель 2016) версии библиотек

  • не использует библиотеки для роутинга, кроме react-router

  • кратко, без воды, полностью раскрывает вопрос роутинга на клиенте

Недостатки:

  • некоторые примеры невзрачны

  • нет красивого оформления (html/css)

  • не рассмотрен server-side рендеринг

  • нет тестов

От автора

Вопрос react-router + redux не раскрыт даже в официальной документации redux, поэтому, так как библиотеки развиваются стремительно, я постарался "научить вас рыбачить", а не просто "дать рыбу".

Первая часть [react-router] - вряд ли изменится, если react-router резко не изменит свое поведение.

Вторая часть [react-router + redux] - может измениться, либо дополниться примерами.

Вопросы можно задавать в twitterarrow-up-right, или на maxfarseer@gmail.com с темой "React-router туториал".

Консультации и платные услуги

С 2016 года, я с удовольствием занимаюсь консультированием 1 на 1, поиском проблем в коде, помощью в подготовке к собеседованию и т.д. Хороший багаж опыта, которым я готов поделиться понятным языком.

Актуальный прайсarrow-up-right

Интересные ссылки:

Репозиторий с кодом для уроковarrow-up-right

Official docsarrow-up-right

Unofficial React Router docsarrow-up-right

React router tutorialarrow-up-right

Authenticated component (old)arrow-up-right

A simple way to route with reduxarrow-up-right

Заметки и допущения

В курсе переодически встречаются места, когда переменная создается для наглядности. Не забывайте, что если мы пытаемся получить доступ к значению один раз - создание переменной неоправданно, а если 2 и более - неплохо бы сделать переменную.

Last updated