Создание Angular приложений в стиле Reactive с чистым RxJs - паттерны, анти-паттерны, управление состоянием. Этот курс представляет собой каталог часто используемых шаблонов проектирования (и некоторых анти-шаблонов), которые должен знать каждый разработчик Angular.
Цель курса - научить вас, как с комфортом проектировать и разрабатывать приложения в Angular в стиле Reactive, используя RxJs и ничего более.
Этот курс включает в себя работающий репозиторий Github с готовым кодом, а также отправные точки для различных разделов курса на тот случай, если вы хотите написать код, который мы рекомендуем как лучший способ изучения.
Этот курс отвечает на общий вопрос: как далеко мы можем зайти в Angular, используя только чистый RxJS и ничего более, не представляя никакой библиотеки управления состоянием.
В этом курсе вы узнаете, как именно использовать RxJs для проектирования и разработки уровней обслуживания и представления вашего приложения, и вы поймете как преимущества, так и недостатки реактивного подхода.
В частности, когда дело доходит до управления состоянием, оказывается, что мы уже можем пойти очень далеко, используя только простые методы Angular и RxJs, не используя дополнительную библиотеку управления состояниями, такую как, например, NgRx.
Эти упрощенные методы управления состоянием являются адекватными и достаточными для широкого спектра приложений, и мы считаем, что вы должны рассмотреть их в первую очередь, прежде чем подумать о принятии полномасштабного решения для управления состоянием.
Как далеко вы можете пойти с этими методами? Это то, что вы узнаете в этом курсе.
Беглый взгляд на курс
Мы собираемся начать наш курс с небольшого приложения на Angular, написанного в императивном стиле, и поговорим о некоторых проблемах этого подхода. Затем мы собираемся провести рефакторинг приложения и пошагово объяснить, как реализовать его в реактивном стиле.
Мы подробно объясним каждый оператор RxJs, с которым мы сталкиваемся в этом курсе, впервые, когда нам нужен каждый оператор.
Сначала мы собираемся начать с полностью сохраняющего состояние решения, но позже мы собираемся улучшить взаимодействие с пользователем, применяя некоторые простые методы управления состоянием только для RxJs. Мы собираемся использовать эти шаблоны для обработки некоторых данных приложения, а также профиля аутентификации пользователя.
Ключевым элементом, необходимым для реализации упрощенного управления состоянием, являются субъекты поведения RxJs, поэтому мы подробно рассмотрим их в курсе. Мы также предоставим пошаговые решения в реактивном стиле для общих функций пользовательского интерфейса, таких как индикаторы загрузки или сообщения об ошибках.
В конце курса вы будете чувствовать себя комфортно, проектируя и разрабатывая приложения Angular в реактивном стиле, используя методы только для RxJs. Вы узнаете, как применять упрощенные методы управления реактивным состоянием к различным распространенным случаям использования, и вы поймете преимущества и недостатки этого подхода.
Вы будете знакомы с рядом часто используемых шаблонов реактивного проектирования, а также с рядом распространенных ошибок, которых следует избегать.