PRO курс

JS: Redux (React)

448 сообщений в сообществе 1232 учащихся

Описание

Redux — это официальный способ управлять состоянием в нетривиальных React приложениях. Несмотря на свою простоту и элегантность, он требует время на вникание. Кроме того, вокруг Redux огромная экосистема библиотек, автоматизирующих разные задачи. Этот курс посвящен в том числе самым популярным библиотекам.

Пререквизиты

JS: React

Уроки курса

  • 1

    Введение

    Познакомиться с курсом и подготовить окружение.
  • 2

    Redux

    Познакомиться с Redux, научиться диспатчить Actions.

    тесты

    упражнение

  • 3

    Reducers

    Изучить способы разбиения контейнера на части.

    тесты

    упражнение

  • 4

    Ручная интеграция с реактом

    Рассмотреть основы взаимодействия реакта и редакса в одной связке

    упражнение

  • 5

    Middlewares

    Научиться подключать и использовать мидлвары.
  • 6

    React Redux

    Научиться подключать Redux к React.

    тесты

    упражнение

  • 7

    Connect Actions

    Научиться пробрасывать действия через функцию `connect`
  • 8

    Redux Actions

    Познакомиться с библиотекой `redux-actions` позволяющей упростить работу с Redux.

    упражнение

  • 9

    Структура состояния

    Научиться правильно организовывать данные внутри контейнера

    упражнение

  • 10

    UI State

    Узнать как правильно изолировать состояние внешнего вида.

    упражнение

  • 11

    Reselect

    Познакомиться с концепцией селекторов. Научиться писать эффективные выборки из Redux.

    тесты

    упражнение

  • 12

    Redux Forms

    Научиться сокращать шаблонный код при работе с формами используя пакет `redux-form`

    упражнение

  • 13

    Async Actions

    Научиться правильно работать с асинхронными запросами и их представлением в виде конечных автоматов.

    упражнение

Автор

Кирилл Мокевнин

Сооснователь и технический директор образовательного проекта Hexlet. Соорганизатор конференции Nastachku.ru. В прошлом руководил филиалом undev.ru в Ульяновске, а до этого работал в Qik (Skype). Создает инженерную культуру в компаниях и несет в массы XP, DDD и DevOps. Евангелист ментального программирования.

Впечатления #

Все мои предыдущие попытки освоить Ридакс были безуспешны. Благодаря Хекслету, кажется, получится переломить эту тенденцию.

В этом задании основной сложностью для меня было понять, как работает функция createStore. Неясно было, когда нужно передавать initState, а когда нет, и как createStore его будет обрабатывать.

Искала дополнительные источники. Документация не давала ответа на этот вопрос. Наткнулась на статью "Изучаем ридакс и пишем свой мини-ридакс". Там была ссылка на упрощенную реализацию ридакса: https://next.plnkr.co/edit/OX7hNMlFXtEA2d7aSU1Y?p=preview&preview

Мне она помогла. Думаю, для кого-нибудь тоже окажется полезной.

Спасибо за курс! Очень хотелось бы увидеть его продолжение в виде изучения библиотеки react-router:)

продолжительность
28 часов
награда
61 балл
Получить доступ к курсу