Redux js для начинающих

poster
Уроков:
 8
Продолжительность:
 59:24
Понравилось? Поделитесь с друзьями!
Понравилось?
Поделитесь с друзьями!
В этой серии мы с вами познакомимся с Redux js. Redux - это предсказуемый контейнер состояния для javascript приложений. Он учит думать о приложении, как о начальном состоянии, которое изменяется последовательностью действий.

Чему вы научитесь

  1. Познакомимся с понятиями Redux (store, actions, reducers, dispatch)
  2. Научимся отрисовывать елементы из store
  3. Соединим React и Redux
  4. Научимся подписываться на изменения store внутри React компонентов
  5. Познакомимся с redux-devtools (инструмент для легкого дебага Redux)
  6. Реализуем поиск в приложении на Redux
  7. Научимся писать асинхронные екшены (с помощью redux-thunk)

Необходимые знания

  1. Базовые знания javascript
  2. Базовое понимание npm node
  3. Базовые знания React

Для кого этот курс

  1. Для всех, кто хочет научиться использовать Redux, особенно в связке с React
Перейти к просмотру
Redux JS - Вступление
Начинам знакомство с Redux - React библиотекой, которая сейчас у всех на слуху. В этом видео мы разберем что такое Redux JS на простом примере.
Перейти к просмотру
Redux JS - отрисовываем елементы из store
Мы продолжаем изучать Redux - React. В этом уроке мы отрендерим форму добавления треков и список треков из store.
Перейти к просмотру
Redux JS - connect в react-redux
В этом уроке мы разберем как подключить в react приложении наш store из redux. Как подписаться в react компоненте на изменение нашего store и перерисовать компонент.
Перейти к просмотру
Redux JS - триггер событий
В этой уроке мы продолжаем знакомится с React и Redux. Мы научимся диспатчить наши события и обновлять данные в store.
Перейти к просмотру
ReduxJS - redux-devtools
В этом уроке мы разберем redux-devtools. Это плагин для хрома, который позволяет дебажить redux приложения.
Перейти к просмотру
ReduxJS - combineReducers
В этом уроке мы познакомимся с методом combineReducers. Научимся разбивать большие редьюсеры на более мелкие.
Перейти к просмотру
ReduxJS - реализуем поиск в приложении
В этом уроке мы реализуем поиск треков на redux и разберемся как фильтровать данные в mapStateToProps.
Перейти к просмотру
ReduxJS - асинхронные екшены с помощью redux-thunk
В этом уроке мы научимся писать асинхронные екшены с помощью миддлвары redux-thunk, а также узнаем, как настроить redux так, чтобы он работал одновременно с devtools и миддлварами.