Реактивный Angular (с RxJs)

Создание Angular приложений в стиле Reactive с чистым RxJs - паттерны, анти-паттерны, управление состоянием. Этот курс представляет собой каталог часто используемых шаблонов проектирования (и некоторых анти-шаблонов), которые должен знать каждый разработчик Angular.

Цель курса - научить вас, как с комфортом проектировать и разрабатывать приложения в Angular в стиле Reactive, используя RxJs и ничего более.

Этот курс включает в себя работающий репозиторий Github с готовым кодом, а также отправные точки для различных разделов курса на тот случай, если вы хотите написать код, который мы рекомендуем как лучший способ изучения.

Этот курс отвечает на общий вопрос: как далеко мы можем зайти в Angular, используя только чистый RxJS и ничего более, не представляя никакой библиотеки управления состоянием.

В этом курсе вы узнаете, как именно использовать RxJs для проектирования и разработки уровней обслуживания и представления вашего приложения, и вы поймете как преимущества, так и недостатки реактивного подхода.

В частности, когда дело доходит до управления состоянием, оказывается, что мы уже можем пойти очень далеко, используя только простые методы Angular и RxJs, не используя дополнительную библиотеку управления состояниями, такую как, например, NgRx.

Эти упрощенные методы управления состоянием являются адекватными и достаточными для широкого спектра приложений, и мы считаем, что вы должны рассмотреть их в первую очередь, прежде чем подумать о принятии полномасштабного решения для управления состоянием.

Как далеко вы можете пойти с этими методами? Это то, что вы узнаете в этом курсе.

Беглый взгляд на курс

Мы собираемся начать наш курс с небольшого приложения на Angular, написанного в императивном стиле, и поговорим о некоторых проблемах этого подхода. Затем мы собираемся провести рефакторинг приложения и пошагово объяснить, как реализовать его в реактивном стиле.

Мы подробно объясним каждый оператор RxJs, с которым мы сталкиваемся в этом курсе, впервые, когда нам нужен каждый оператор.

Сначала мы собираемся начать с полностью сохраняющего состояние решения, но позже мы собираемся улучшить взаимодействие с пользователем, применяя некоторые простые методы управления состоянием только для RxJs. Мы собираемся использовать эти шаблоны для обработки некоторых данных приложения, а также профиля аутентификации пользователя.

Ключевым элементом, необходимым для реализации упрощенного управления состоянием, являются субъекты поведения RxJs, поэтому мы подробно рассмотрим их в курсе. Мы также предоставим пошаговые решения в реактивном стиле для общих функций пользовательского интерфейса, таких как индикаторы загрузки или сообщения об ошибках.

В конце курса вы будете чувствовать себя комфортно, проектируя и разрабатывая приложения Angular в реактивном стиле, используя методы только для RxJs. Вы узнаете, как применять упрощенные методы управления реактивным состоянием к различным распространенным случаям использования, и вы поймете преимущества и недостатки этого подхода.

Вы будете знакомы с рядом часто используемых шаблонов реактивного проектирования, а также с рядом распространенных ошибок, которых следует избегать.