🦊 Angular Fox 🚀 — русскогорящие новости сообщества

✨ Тестирование в Angular

В Angular 16 была отменена Karma и введен Jest в экспериментальном режиме. Означает ли это, что в настоящее время у нас нет стабильного фреймворка для тестирования? Должны ли мы перейти на Jest? Что не так с Karma в первую очередь?

В этой статье ответы на эти и другие вопросы.

👉 https://dev.to/this-is-angular/angular-testing-in-2023-past-present-and-future-j5m

✨ Основные операторы RxJS

Несмотря на то, что существует множество операторов, приведенные в статье должны помочь вам в решении повседневных задач.

В ней создается строка поиска и рассматриваются необходимые операторы для этой задачи.

👉 https://www.danywalls.com/key-rxjs-operators-every-angular-developer-should-know

✨ Angular Route Guards: Руководство по безопасной навигации

Если вы заинтересованы в ограничении доступа к определенным маршрутам.

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

👉 https://dev.to/this-is-angular/demystifying-angular-route-guards-a-beginners-guide-to-secure-navigation-597b

✨ Анонс NgRx v16

В версии 16 в NgRx Store появился новый метод selectSignal, который обеспечивает интеграцию с сигналами.

Так же в нее вошли другие интересные функции и исправления ошибок.

👉 https://dev.to/ngrx/announcing-ngrx-v16-integration-with-angular-signals-functional-effects-standalone-schematics-and-more-5gk6

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

В Angular есть специальные атрибутивные директивы, которые можно добавлять к элементам и компонентам.

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

👉 https://www.thisdot.co/blog/a-guide-to-custom-angular-attribute-directives/

🦄 Битва CLIs

Nx — это мощная система сборки с открытым исходным кодом, которая предоставляет инструменты и методы для повышения производительности разработчиков.

Даниил рассказал, почему они используют Nx для всех Angular-проектов, какие проблемы решает этот инструмент и чем он лучше Angular CLI.

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

🦄 ContentChild, ViewChild, template reference variables

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

✨ 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://medium.com/p/4d7a28ec680d

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

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

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

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