Angular Pipe. Как создать пайпу и почему нужно их использовать?

[@ВадимЖаров-у2н]

После Ваших уроков начинаю любить ангуляр все больше, огрмное спасибо!😉

[@ЕгорРура]

Спасибо за простой и важный урок!

[@dima_riabovol]

Отличный контент, спасибо!

[@Fellendorf85]

Спасибо за ваш труд!!!

[@denny_salmone]

Спасибо, Максим, жму руку, обнимаю!

[@Saveli_Sh]

Thank you so much! It's one of the best videos about pipes!

[@IngvarLosev]

Спасибо ! Твои видео выручают постоянно !

[@dmytromedynskyi6179]

Годный видос. Эх, где ты был 1.5 года назад, когда я платил за курс такого уровня как твой в свободном доступе :)

[@grommaks]

Повторение - мать учения 😂 спасибо за отзыв

[@romangrushko6070]

Уже был на ютубе

[@user-san-chous]

Или хотя бы пол года назад, когда я Минина "беглый" курс смотрел...)

[@mila4308]

лучший урок про пайпы, который я видела 🤩 спасибо большое!

[@ИванИванов-ч1э2х]

Я не знал про оптимизацию перерисовки и, как следствие, считал пайпы не более чем формой вызова метода. Максим, большое спасибо.

[@antergonza6476]

Спасибо! Ждём про Async Pipe. Улыбнуло про Pure=Кузя))))

[@AndreyDelay]

Концентрация полезной инфы зашкаливает) едем дальше! Спасибо!

[@IlyaShaforostoff]

Огромное спасибо за ваши ролики. Классно объясняете и не по верхушкам, как у большинства.

[@tox1cozZ]

Спасибо за ролик ✌️👍

[@dmitriy9152]

Хорошо получилось. Почему-то многие когда рассказывают про pipe забывают упомянуть о том, что он довольно хорошо оптимизирует перерисовку компонента.

[@dmitriibochkarev8714]

Спасибо. Интересно и полезно

[@awesomeuser789]

Спасибо за отличный контент. Так держать!

[@yourbadapple]

отличное видео, спасибо большое!

[@grommaks]

Привет всем 😀 Рад что мы с тобой встретились в этом видео Я собрал весь материал по Angular в том порядке, в котором я рекомендую проходить плейлисты у меня на канале kzbin.info/door/lDDVLu0Cj_o9Y5D2ilCtdQplaylists?view=50&sort=dd&shelf_id=1 Приятного просмотра 😜

[@nexgenua]

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

[@grommaks]

Умышленно это не сказал) это для третьего видео тема как использовать пайпу не в шаблоне) Если мы внедряем пайпу, то она работает как обычный сервис и параметры декоратора Pipe ни на что не влияют, более того пайпы не провайдятся из коробки, их нужно провайдить в желаемом модуле Но то что их можно внедрять, то это очень круто, иногда приходится использовать такое в своих проектах При отрисовке ячеект таблицы очень много вычислений идет в цикле циклов) пайпы сильно выручают и помогают улучшить скорость рендеринга таблиц...если вдруг невозможно посчитать модель до отрисовки... Хотя я предпочитаю подготовить модель и в HTML просто крутить модели на чтение

[@user-san-chous]

Мне тимлид за такое "по рукам дал". Сказал, что это не очевидно выглядит и чтобы пайпы в шаблоне юзал))

[@grommaks]

@@user-san-chous есть несколько ситуаций когда так нужно сделать) а в целом согласен)

[@nexgenua]

@@user-san-chous Ну шаблон - это не единственное место, куда надо выводить информацию, допустим надо выгрузить файл в excel/word или в PDF и там нужно в особом формате указать дату или валюту, или прогнать текст через ngx-translate. А так же передать куда-то отфильтрованные/отсортированные данные, как пример сложная форма, меняющая набор полей от разных опций, допустим выбранных ранее или пользователи с разными правами. Если приложение простое, то там да, пайпы кроме как в шаблонах больше нигде и не надо использовать, но мне повезло меньше и имею целый зоопарк бизнес требований.

[@ВладимирЖуков-ы9е]

Я пришел по совету от Django School

[@МаксМакс.М]

на 12:20 подсказки value: и prefix: для записи метода transform() какое расширение показывает подсказки, о том какие параметры мы передали?

[@grommaks]

Webstorm из коробки может это делать

[@romanryaboshtan9270]

Привет, ты можешь кинуть ссылку, как в проекте сделать google авторизацию(желательно Nest + React)? Да в интернете много видео на эту тему, но там везде не универсальные решения, мне нужно, чтобы мог зарегистрироваться любой пользователь, а не только я со своим google ключом. Заранее спасибо

[@grommaks]

Привет, к сожалению с авторизацией много не работал :( По обычной авторизации стоит посмотреть тут docs.nestjs.com/security/authentication

[@romanryaboshtan9270]

@@grommaks Ок спасибо

[@ReginaScer]

Странно, у меня метод вызвался 6 раз

[@grommaks]

Папа чистая? (Параметр чистой прописан?) Входные данные менялись? Сколько раз пайпа использована в шаблоне (на каждое использование свой объект пайпы)

[@ReginaScer]

да вообще даже без пайпы. Просто {{ transform("SomE ValUe", "Prefix") }} transform(value: string, prefix: string, operator: 'uppercase' | 'lowercase' = 'uppercase'): string { console.log('APP', value); value = !value ? prefix : prefix + ' ' + value; switch (operator) { case 'uppercase': return value.toUpperCase(); default: return value.toLowerCase(); } } [webpack-dev-server] Server started: Hot Module Replacement disabled, Live Reloading enabled, Progress disabled, Overlay enabled. app.component.ts:29 APP SomE ValUe app.component.ts:29 APP SomE ValUe core.mjs:26656 Angular is running in development mode. app.component.ts:29 APP SomE ValUe app.component.ts:29 APP SomE ValUe app.component.ts:29 APP SomE ValUe app.component.ts:29 APP SomE ValUe @@grommaks