Redux, Redux Toolkit и МоbX

Цель урока — узнать, что такое менеджеры состояния и какую проблему они решают.

• Вспомните, что такое состояние, и узнаете отличия локального состояния от глобального.
• Поймете, что такое менеджеры состояний и с какими проблемы они помогают справиться.
• Сравните два популярных инструмента для управления состоянием — Redux и MobX.
• Узнаете, какие инструменты для управления состоянием используются в других фреймворках.

Цель урока — изучить ключевые концепции Redux в процессе его реализации.

• Разработаете собственный Redux.
• Напишете собственный Redux. Actions.
• Напишете собственный Redux. Reducers + Store.
• Напишете собственный Redux. Интеграция с DOM.
• Замените собственный Redux готовым.
• Интегрируете Redux в приложение на чистом JavaScript.

Цель урока — начать использовать Redux в React-приложениях.

• Сравните использование Context API и Redux.
• Узнаете, зачем нужен React Redux, если есть обычный Redux.
• Поймете назначение хуков библиотеки React Redux.
• Интегрируете Redux в React-приложение.

Цель урока — начать использовать Redux в React-приложениях.

• Научитесь типизировать Redux при помощи TypeScript.
• Узнаете, что такое middleware, и научитесь писать их под Redux.
• Изучите Redux Thunk middleware для работы с асинхронной логикой.
• Научитесь сохранять store в постоянном хранилище с помощью Redux Persist.
• Разберетесь, как отлаживать код с помощью Redux DevTools.

Цель урока — научиться работать с Redux Toolkit для упрощения и ускорения процесса разработки приложений с использованием Redux.

• Познакомитесь с основами Redux Toolkit и его преимуществами.
• Научитесь настраивать хранилище с помощью функции configureStore().
• Освоите создание слайсов с помощью createSlice() для управления частями состояния.
• Разберетесь в создании асинхронных thunk-функций с использованием createAsyncThunk().
• Научитесь использовать TypeScript вместе с Redux Toolkit.

Цель урока — освоить RTK Query для упрощения работы с запросами к API.

• Создадите API-слайсы и выполните запросы на получение и отправку данных.
• Избежите дублирования запросов за одними и теми же данными.
• Удалите чистый Redux Thunk из проекта.

Цель урока — научиться формировать структуру приложения с использованием Redux.

• Разберётесь, зачем нужна архитектура.
• Поймете принципы организации Redux-кода для более удобной поддержки.
• Рассмотрите два популярных подхода к организации структуры приложений с использованием Redux.
• Научитесь создавать независимые модули, обеспечивая более гибкую разработку и масштабирование приложения.

Цель урока — овладеть практическими навыками применения Redux в реальных задачах.

• Создадите приложение с использованием Redux Toolkit, реализующее CRUD-операции.
• Реализуете вход в систему с использованием RTK Query.
• Рассмотрите лучшие практики и научитесь избегать антипаттерны при работе с Redux.

Цель урока — понять основные концепции MobX на примере приложения на чистом JavaScript.

• Познакомитесь с МobХ.
• Подключите МobХ к корзине на js. Reactions.
• Добавите действия (actions).
• Мемоизируете подсчеты (computations).

Цель урока — научиться использовать MobX в React-приложениях.

• Интегрируете MobX в React-приложение.
• Используете TypeScript в связке с MobX.
• Выполните асинхронные запросы с использованием Flow.

Цель урока — овладеть практическими навыками применения MobX в React-приложении.

• Замените Redux на MobX в существующем приложении.
• На практике используете MobX для разработки.