Angular async pipe. RxJS на новом уровне при таком подходе

RxJS великолепный инструмент, дающий гибкость в решении не простых задач, но этот инструмент требует много писать подписок и отписок на Observable объекты. Используя ASYNC PIPE в Angular можно понять, что это легко автоматизировать В этом видео мы рассмотрим самые частые паттерны использования пайпы async и углубимся в тонкости работы с ним ============================== Код готового урока:
============================== Инструкция по установке angular проекта: Вариант 1: Пройдите плейлист: https://www.youtube.com/watch?v=IrelRVjIttA&list=PL4rYLeYunVf07_wC6VR6F_YlajK-Q8vxV&index=1
Вариант 2:
Загрузите зависимости (npm install) Можно запускать проект (ng serve) ============================== Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже: VS Code:
WebStorm:
Архитектурные елементы Angular
Основы RxJS https://www.youtube.com/watch?v=5iIlWkWzsAE&list=PL4rYLeYunVf0aGMDMtL2a6Qe9_haMv6t7
Подробнее об OnPush
Немного старого видео об иммутабельности
Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов. Курс по SQL можно найти по ссылке: https://www.youtube.com/watch?v=Bp_OHCzp7KM&list=PL4rYLeYunVf3DCrXe4XHdKAg8UJj0yzxG
Спасибо что продолжаете смотреть меня и радовать комментариями. ---- Соц сети Телеграм, где можно узнать о новых видео и получать доп контент
P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube ---- Чтобы поддержать канал 1) Можно поставить лайк (или дизлайк, если не понравилось видео) 2) Оставить комментарий более 5 слов 3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении) 4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать 5) Можно стать участником моего канала на платной основе https://www.youtube.com/channel/UClDDVLu0Cj_o9Y5D2ilCtdQ/join
#pipe #angular #grommax Материально поддержать канал можно следующим способом 1) Перевод на карту
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки
Оглавление 00:00 - Введение 00:39 - Настройка проекта 01:21 - Почему RxJS не нравится большинству 02:19 - Promise | Observable с async пайпов 02:54 - Описание класса пайпы 03:24 - Пайпа вернет null в первый раз 03:57 - Pipe async + *ngIf 06:54 - Как работать с данными в TS не подписываясь 10:14 - Pipe async + *ngFor 11:45 - Smart & Dumb компоненты по признаку пайпы async 16:03 - Как бороться с null в пайпе async 19:40 - Краткий гайд