Описание
Количество уроков: 36 Видео
Язык: Английский
Вес архива: 2,31 ГБ
Разработка архитектуры реактивных Angular‑приложений с использованием Redux и NgRx позволяет создавать гибкие, предсказуемые и масштабируемые фронтенд‑системы. Этот курс поможет вам уверенно освоить управление состоянием, внедрить реактивные паттерны и применить их в реальных проектах на Angular.
Что вы узнаете на этом курсе
Курс дает фундаментальное и практическое понимание того, как строить архитектуру реактивных Angular‑приложений, используя сочетание Redux, NgRx и RxJS.
• Управление состоянием через Redux‑подход и NgRx Store.
• Работа с RxJS: создание потоков, обработка ошибок, управление асинхронностью.
• Организация архитектуры для масштабируемых проектов на Angular.
• Использование NgRx Effects для обработки побочных эффектов.
• Сохранение состояния маршрутизатора и интеграция с Angular Router.
• Оптимизация шаблонного кода через blueprints и структурирование функций.
• Создание собственной микро‑реализации NgRx для глубокого понимания принципов Store.
Почему управление состоянием критически важно
Angular-приложения быстро усложняются, и без четкой структуры состояния растут неоднозначность, баги и трудность поддержки. Реактивный подход с использованием NgRx позволяет стандартизировать работу с состоянием, упростить тестирование и облегчить интеграцию новых модулей.
Проблемы, которые решает NgRx
• Непредсказуемость поведения компонентов.
• Сложности синхронизации данных между модулями.
• Разрозненная логика работы с асинхронностью.
• Трудности отладки и отслеживания изменений.
Структура курса
Знакомство с Redux и реактивным подходом
Вы изучите принципы однонаправленного потока данных и разберете, как реактивность повышает надежность и удобство разработки.
Изучение NgRx: Store, Reducers и Actions
Обучитесь настраивать Store, создавать редьюсеры и описывать действия, которые управляют изменениями в приложении.
Работа с побочными эффектами через NgRx Effects
Научитесь правильно выносить запросы к API, навигацию и другие асинхронные процессы в отдельный слой эффектов.
Оптимизация и расширение архитектуры
Расширите проект за счет сохранения состояния маршрутизатора, генерации кода, сокращения шаблонных файлов и структурирования модулей через blueprints.
Создание микро‑NgRx
Финальная часть курса посвящена глубокому разбору внутренней работы NgRx: вы построите собственное мини-хранилище и увидите, как реализуются ключевые механизмы Redux‑архитектуры.
Кому подойдет этот курс
• Разработчикам Angular, которым нужна предсказуемая и масштабируемая архитектура.
• Тем, кто хочет лучше понимать реактивное программирование и работу RxJS.
• Тем, кто стремится улучшить тестируемость и поддерживаемость проектов.
• Фронтенд‑инженерам, желающим освоить NgRx для реальных коммерческих задач.
Результат обучения
По завершении курса вы сможете с нуля выстраивать архитектуру реактивных приложений на Angular, создавать устойчивое управление состоянием и уверенно применять NgRx и Redux‑подход в любых проектах — от небольших интерфейсов до сложных корпоративных систем.
Дмитрий С. –
Прошёл курс, чтобы систематизировать знания по NgRx. Отличный разбор архитектуры масштабируемых приложений и работы с побочными эффектами через Effects. Примеры с сохранением состояния маршрутизатора оказались прямо в точку для текущего проекта. Несмотря на англоязычность, материал воспринимается легко.
Марина В. –
В целом курс полезный, но для новичка в NgRx иногда не хватает подробных объяснений. Понравилось, как автор разбирает blueprints для уменьшения шаблонного кода. Хотелось бы больше практических заданий по RxJS. Но структура курса логичная, и теперь я лучше понимаю реактивный подход.
Алексей Н. –
Курс дал хорошее понимание NgRx. Особенно полезно было создание собственной микро-реализации Store — так становится ясно, как всё устроено внутри. Примеры с Effects и интеграцией с Router помогли в реальном проекте. Рекомендую тем, кто уже знаком с Angular и хочет разобраться в управлении состоянием.