Приветствую на одиннадцатом уроке нашего большого курса по 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, который мы рассматривали в прошлых уроках, это как сборка мебели по инструкции с двадцатью страницами текста. Ты тратишь кучу времени на написание шаблонного кода: объявление констант для типов экшенов, создание […]
Мы продолжаем изучать управления состоянием с Redux. На предыдущих уроках мы поняли, зачем нужны менеджеры состояний и разобрались с основными концепциями Redux: Store, Actions и Reducers. Сегодня мы напишем наш первый редьюсер и стор так, как это делалось долгие годы до появления удобных инструментов, «голыми руками». Это нужно не для того, чтобы вы всегда так […]
Приветствую всех на втором уроке нашего большого путешествия по Redux и Redux Toolkit. Сегодня мы перейдем от проблем к решениям и от теории к фундаментальным понятиям. Мы разберем те самые «три кита», на которых стоит весь Redux. Если на первом уроке мы увидели, почему в больших приложениях становится тесно с useState, то сегодня мы построим […]