Декомпозируем логику с Directive Composition APIВ Angular 15 появилась новая фича, которая позволяет удобно декомпозировать логику и улучшать кодовую базу.

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

→ Провайдеры ленивые: чтобы класс создался, надо его заинжектить. А хост-директивы можно считать самосоздающимися провайдерами.

→ У провайдеров нет доступа к хост-элементу, кроме как через ElementRef. Хост-директивы же могут использовать байндинг и слушать события на хосте — это огромный плюс.

→ Настраивать провайдеры можно только через DI, а директивы могут дать доступ к инпутам, что сильно облегчает конфигурацию.

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

#angular

Ускорили работу операторов поддержки. Рассказываем как 👇****
В Т-Банке десятки тысяч операторов, которые ежедневно используют в работе подсказки в интерфейсе поиска бизнес-процессов.

Перед нами стояла задача увеличить конверсию кликов по подсказкам, тем самым ускорив работу операторов. Для этого мы решили внедрить модель на базе трансформера — нейросетевой архитектуры, основанной на механизме внимания без использования рекуррентных нейронных сетей.

Сперва использовали TopPop-модель и марковскую цепь — это дало прирост конверсии почти на 40%, судя по А/Б-тестам. Далее мы внедрили EvGen-модель (Event Generator). С ней появилось больше возможностей по интеграции новых доменов и по оптимизации модели.

💬 О том, как мы развернули кастомизированную модель машинного обучения на базе трансформера и по каким граблям прогулялись, рассказали в статье на Хабре.

#ml

Улучшаем архитектуру приложения и ускоряем процесс разработки с помощью inject()
В последних версиях Angular появилась функция inject() для внедрения зависимостей. Ее можно вызывать на любом уровне вложенности внутри Injection Context, чтобы создавать утилиты и декораторы, а также более абстрактные и гибкие решения. Благодаря этому можно:

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

С момента появления Injection Context прошло уже много времени, но из-за недостатка практических примеров и подробной документации многие не до конца раскрыли потенциал inject().

💬 В статье на Хабре мы поделились своим опытом использования функции и находками, которые могут пригодиться в вашей работе.