Приветствую всех на нашем курсе по Redux и Redux Toolkit! Мы подходим к одной из самых интересных тем, это созданию собственных промежуточных слоев или middleware. Этот урок станет для нас ключевым в понимании того, как устроен внутренний механизм Redux и как мы можем его гибко настраивать под свои нужды. Мы не просто пользователи библиотеки, мы […]
До этого момента мы работали с одним-двумя слайсами по отдельности, словно каждый из них был изолированным островом. Но в реальном приложении эти острова должны сообщаться друг с другом через надежные мосты. Пользователь хочет видеть согласованный интерфейс, где изменение в одном месте (например выбор юзера) мгновенно отражается в другом (например список его задач). Сегодня мы научимся […]
Приветствую на одиннадцатом уроке нашего большого курса по Redux и Redux Toolkit. Сегодня мы перешагнем через один из самых важных рубежей в освоении управления состоянием. Мы будем говорить о RTK Query. Если до этого мы вручную создавали асинхронные запросы с помощью createAsyncThunk, заботились о состояниях загрузки и ошибок, то сегодня я покажу вам инструмент, который перевернет […]
Это уже десятый урок нашего курса по Redux и Redux Toolkit. Если вы следовали всем предыдущим урокам, то у вас уже есть прочная база, вы знаете основы Redux, умеете создавать слайсы, работать с асинхронными операциями и подключать всё это к React-компонентам. Но по мере роста нашего приложения, его кодовая база тоже растет. Если не позаботиться […]
Мы продолжаем изучение управления состоянием с Redux и Redux Toolkit. До этого мы работали с синхронными операциями. Теми, которые выполняются мгновенно, «Лайк» увеличение счетчика или добавление задачи в список. Но современные веб-приложения живут данными, которые приходят с серверов. Это асинхронные операции, запросы к API, работа с базой данных, загрузка файлов. Они не происходят мгновенно и […]
Приветствую на восьмом уроке нашего большого курса по Redux и Redux Toolkit. Сегодня мы разберем две практичные темы, которые сделают наш код чище, эффективнее и удобнее в поддержке. Мы уже научились создавать слайсы, диспатчить экшены и читать состояние в компонентах. Но по мере роста приложения, простой вызов useSelector(state => state.todos.list) может привести к проблемам. Представь, […]
Мы продолжаем изучать управления состоянием с Redux и Redux Toolkit. На предыдущих уроках мы поняли, зачем нужны менеджеры состояний, разобрались с базовыми концепциями Redux, познакомились с замечательным Redux Toolkit (RTK), создали наш первый слайс и настроили Store, подключив его к нашему React-приложению. Сегодня мы наконец-то заставим наш интерфейс «ожить», научив его читать данные из глобального […]
В предыдущих уроках мы поняли, зачем вообще нужны менеджеры состояний, разобрались с фундаментальными концепциями Redux и даже написали свой первый «голый» редьюсер, чтобы почувствовать, как всё работает на низком уровне. Затем мы познакомились с нашим спасителем, с Redux Toolkit (RTK), который призван избавить нас от повторяющегося кода и создали свой первый элегантный слайс с помощью createSlice. […]
Приветствую на пятом уроке нашего большого курса управления состоянием с Redux и Redux Toolkit. Сегодня мы перейдем от теории к практической части, к созданию первого «слайса» (slice) с помощью функции createSlice из Redux Toolkit. Если на предыдущих уроках мы вручную собирали наш редьюсер, как сложный механизм из множества винтиков (объявляли константы экшенов, писали action creators, следили […]
Сегодня мы перевернём страницу и познакомимся с инструментом, который превращает Redux из громоздкого фреймворка в отличное решение. Добро пожаловать на Урок 4. Классический «голый» Redux, который мы рассматривали в прошлых уроках, это как сборка мебели по инструкции с двадцатью страницами текста. Ты тратишь кучу времени на написание шаблонного кода: объявление констант для типов экшенов, создание […]