PRO курс

JS: Redux (React)

492 сообщения в сообществе 1293 учащихся

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. Программирует с 2007 года. За это время прошел путь от разработчика до технического директора и управляющего отдельным подразделением (филиалом). Управлял командами, в которых больше 50 разработчиков. Программирует на языках: elixir, clojure, javascript, php, ruby. Со-организатор конференции nastachku.ru. Вимер. Топит за DevOps и автоматизированные тесты.

Впечатления

Обдумывал целый день решение! В итоге решил! Оказалось коробка Redux действительно магическая! И я понял что овладел этой магией, функциональное программирование- это чудо, которым я наконец то начал пропитываться!

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

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

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

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

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

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