Redux js для начинающих
Уроков:
8В этой серии мы с вами познакомимся с Redux js. Redux - это предсказуемый контейнер состояния для javascript приложений. Он учит думать о приложении, как о начальном состоянии, которое изменяется последовательностью действий.
Чему вы научитесь
- Познакомимся с понятиями Redux (store, actions, reducers, dispatch)
- Научимся отрисовывать елементы из store
- Соединим React и Redux
- Научимся подписываться на изменения store внутри React компонентов
- Познакомимся с redux-devtools (инструмент для легкого дебага Redux)
- Реализуем поиск в приложении на Redux
- Научимся писать асинхронные екшены (с помощью redux-thunk)
Необходимые знания
- Базовые знания javascript
- Базовое понимание npm node
- Базовые знания React
Для кого этот курс
- Для всех, кто хочет научиться использовать Redux, особенно в связке с React
Redux JS - Вступление
Урок 1
Перейти к просмотру
Redux JS - Вступление
Урок 1
Начинам знакомство с Redux - React библиотекой, которая сейчас у всех на слуху. В этом видео мы разберем что такое Redux JS на простом примере.
Перейти к просмотру
Мы продолжаем изучать Redux - React. В этом уроке мы отрендерим форму добавления треков и список треков из store.
Перейти к просмотру
В этом уроке мы разберем как подключить в react приложении наш store из redux. Как подписаться в react компоненте на изменение нашего store и перерисовать компонент.
Перейти к просмотру
В этой уроке мы продолжаем знакомится с React и Redux. Мы научимся диспатчить наши события и обновлять данные в store.
ReduxJS - redux-devtools
Урок 5
Перейти к просмотру
ReduxJS - redux-devtools
Урок 5
В этом уроке мы разберем redux-devtools. Это плагин для хрома, который позволяет дебажить redux приложения.
ReduxJS - combineReducers
Урок 6
Перейти к просмотру
ReduxJS - combineReducers
Урок 6
В этом уроке мы познакомимся с методом combineReducers. Научимся разбивать большие редьюсеры на более мелкие.
Перейти к просмотру
В этом уроке мы реализуем поиск треков на redux и разберемся как фильтровать данные в mapStateToProps.
Перейти к просмотру
В этом уроке мы научимся писать асинхронные екшены с помощью миддлвары redux-thunk, а также узнаем, как настроить redux так, чтобы он работал одновременно с devtools и миддлварами.