Angular async pipe своими руками (DIY). Глубокий разбор реализации async pipe
DIY - Do it yourself. Отличный способ что либо изучить - сделать это своими руками. В этом уроке мы разработаем свою async pipe и разберем по шагам что и для чего там есть.
Async pipe не только подписывается на Observable, но также:
отписывается при удалении
может принимать null вместо Observable и не сломаться
может принимать другой Observable, при этом произойдет отписка от прошлого
поддерживает ChangeDetectionStrategy.OnPush
Все эти пункты мы реализуем в этом видео и станем умнее и грамотнее
==============================
Код готового урока:
https://github.com/MaksymGrom/angular...
==============================
Инструкция по установке angular проекта:
Вариант 1:
Пройдите плейлист: • Как работает WEB. Место и задачи Angular н...
Вариант 2:
https://github.com/MaksymGrom/angular...
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================
Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже:
VS Code: • VS Code extensions для работы с angular пр...
WebStorm: • WebStorm работа с angular проектом и GIT. ...
Архитектурные елементы Angular • Angular архитектурные елементы. Что есть в...
Основы RxJS • RxJs Теория: Observable, Observer, Subscri...
Подробнее об OnPush • ngOnChanges vs ngDoCheck. ChangeDetectionS...
Немного старого видео об иммутабельности • Immutable. Неизменяемость данных JavaScript
Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.
Курс по SQL можно найти по ссылке: • Что такое SQL? Как работать с WebSQL? Осно...
Спасибо что продолжаете смотреть меня и радовать комментариями.
---- Соц сети
Телеграм, где можно узнать о новых видео и получать доп контент
https://t.me/webDevGromMaxChannel
P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube
----
Чтобы поддержать канал
1) Можно поставить лайк (или дизлайк, если не понравилось видео)
2) Оставить комментарий более 5 слов
3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении)
4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать
5) Можно стать участником моего канала на платной основе / @grommaks
#pipe #angular #grommax
Материально поддержать канал можно следующим способом
1) Перевод на карту https://send.monobank.ua/7oqmsFg3Y
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки
https://forms.gle/ZbFCKJSpDNYp4AMC6
Оглавление
00:00 - Введение
00:25 - Создание пайпы appAsync
02:17 - OnDestroy и отписка
03:04 - Проверка работы пайпы
04:39 - Поддержка ChangeDetectionStrategy.OnPush
06:00 - Поддержка смены Observable на лету
08:56 - Поддержка null value
10:13 - Краткий гайд
In questa pagina del sito puoi guardare il video online Angular async pipe своими руками (DIY). Глубокий разбор реализации async pipe della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Максим Гром 01 maggio 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 3,355 volte e gli è piaciuto 209 spettatori. Buona visione!
