✨ Сокращение типизации с помощью Utility Types

Utility Types облегчают преобразования типов, они доступны глобально и добавляют гибкости в создание типов.

В статье рассмотрены способы сократить количество типов/интерфейсов в Typescript, сделать их более лаконичными и сэкономить время себе и своей команде.

👉 https://habr.com/ru/articles/730906/

🦄 Делаем декларативный роутинг диалогов

Часто нужно открывать модальные окна по определенному пути. Из коробки Angular не предоставляет этой возможности, так же как и популярные UI Kit библиотеки, и каждый раз приходится искать способ, как это сделать.

Дмитрий Пурис разобрал два подхода к созданию модальных окон, связанных с URL.

👉 https://habr.com/ru/companies/tinkoff/articles/731376/

🦄 Как ng-morph может помочь вам сохранить монорепозиторий чистым

Нелегко иметь дело с большим монорепозиторием, особенно если над ним одновременно работают несколько команд. Идея даже небольшого изменения стиля кода, инструментария или подхода может показаться болезненной из-за сложности синхронизации команд и огромного объема работы.

Роман Седов показал несколько примеров того, как вы можете преобразовать свой проект с помощью ng-morph.

👉 https://medium.com/p/bbca8e62c4b3

✨ Что нового в Angular 16

Уже продолжительное время мы слышим об интеграции сигналов, но Angular 16 принесет гораздо больше.

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

👉 https://dev.to/this-is-angular/whats-new-in-angular-16-375b

✨ Переход Angular CLI на Jest и Web Test Runner

Исторически сложилось так, что Karma является единственным напрямую поддерживаемым инструментом для запуска модульных тестов.

Проведя опрос, команда Angular решила добавить первоначальную экспериментальную поддержку Jest в Angular 16, а также Web Test Runner в одном из будущих релизов.

👉 https://medium.com/p/ef85ef69ceca

✨ Преобразование Observables в Signals

Angular 16 поставляется с новым пакетом rxjs-interop, в котором появилась функция toSignal, преобразующая observables в signals.

В статье подробно рассматривается новая функция и способы ее использования.

👉 https://medium.com/p/4f5474c765a0

✨ Стратегии предварительной загрузки

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

В статье рассмотрены виды стратегий предварительной загрузки и дан пример пользовательской стратегии.

👉 https://dev.to/this-is-angular/optimize-your-angular-apps-user-experience-with-preloading-strategies-3ie7

🔥 Релиз Angular 16

Вышел самый крупный релиз с момента первого запуска Angular. В нем сделан большой скачок в реактивности, рендеринге на стороне сервера и инструментарии.

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

👉 https://medium.com/p/4d7a28ec680d

✨ Minko Gechev об Angular 16 и 17

В недавнем подкасте Minko Gechev — руководитель и менеджер по работе с Angular разработчиками, поделился ценными мыслями о будущем Angular и его дальнейшем развитии.

Давайте рассмотрим ключевые моменты из этого интервью, а так же рекомендуем посмотреть весь подкаст.

👉 https://dev.to/this-is-angular/minko-gechev-on-angular-16-17-game-changer-or-loss-of-identity--5lk

✨ Осваиваем Angular 16

На прошлой неделе вышла последняя версия Angular с множеством крутых нововведений.

Эта статья поможет изучить их.

👉 https://dev.to/this-is-angular/master-angular-16-17no

✨ NgDoc — Cоздание документации для Angular проектов

Хорошая документация к проекту должна состоять из гайдов, с примерами использования и API сгенерированного на основании кода.

Александ Скоропад рассказал о библиотеке для создания документации, которую он недавно выпустил.

👉 https://habr.com/ru/articles/733552/

✨ Лучшие практики интернационализации

Оригинальная статья была создана 2 года назад для Angular 11, с тех пор многое изменилось, поэтому в новой статье внесены коррективы с учетом Angular 16.

В ней рассказано, как управлять интернационализацией в проекте с рендерингом на стороне сервера.

👉 https://medium.com/p/384a98ee672a

🦄 Изучаем компонентный стор

Компонентный стор — дает удобный инструмент для создания изолированных хранилищ и является альтернативой классическим сервисам на Subject’ах.

Григорий Зароченцев рассказал, что такое компонентный стор, как изолированные хранилища помогают сэкономить кучу кода при разработке и почему глобальный стор — это одновременно и хорошо и плохо.

👉 https://habr.com/ru/companies/tinkoff/articles/735198/

✨ Удаление Angular Compatibility Compiler в Angular 16

Angular Compatibility Compiler (ngcc) — это компилятор, предназначенный для преобразования библиотек, скомпилированных с помощью Angular Compiler (ngc), в формат, совместимый с Angular Ivy.

Для разработчиков это означает необходимость убедиться, что все их библиотеки и зависимости совместимы с Ivy, но в целом изменение приносит больше пользы, чем неудобств. Отказ от ngcc сокращает время сборки, поскольку отпадает необходимость в дополнительном преобразовании кода.

👉 https://medium.com/p/83e685552ab3

✨ 8 мифов об Angular, которые пора забыть

Angular — мощный и широко используемый фреймворк, но вокруг него существует множество заблуждений и мифов.

В статье разобраны 8 самых распространенных мифов и причины их возникновения.

👉 https://medium.com/p/3f7dfdc2a702

✨ Сигналы и ваша архитектура

Сигналы — одна из самых интересных функций, появившихся в последнее время в Angular. Но как они влияют на вашу архитектуру?

В этой статье представлены 5 различных вариантов и некоторая техническая справочная информация, которую вам следует рассмотреть.

👉 https://www.angulararchitects.io/en/aktuelles/angular-signals-your-architecture-5-options/

✨ Результат опроса разработчиков

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

Из статьи вы узнаете больше о результатах и о том, как они связаны с дорожной картой.

👉 https://medium.com/p/d17c88f62690

🦄 Решаем проблему общения микрофронтендов

Внедряя микрофронтенды, разработчики сталкиваются с новыми проблемами. Один из вызовов: как грамотно организовать передачу данных между ними?

Семен рассказал о паттерне "Шина событий" и том, как он может помочь при работе с микрофронтендами.

👉 https://habr.com/ru/companies/tinkoff/articles/736352/

✨ Отменяем HTTP-запросы

Отмена HTTP-запроса в Angular означает, что вы прерываете или отменяете текущий запрос до его завершения.

В статье показан простой компонент, который получает данные с сервера, а затем он улучшается в несколько этапов.

👉 https://dev.to/this-is-angular/unlock-the-power-of-http-request-cancellation-in-angular-371a

🦄 ContentChild, ViewChild, template reference variables

В Angular принято писать декларативный код. Это значит, что нам не стоит руками запрашивать нужные нам сущности.

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

👉 https://habr.com/ru/companies/tinkoff/articles/737836/