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

✨ Берем данные из роутера Начиная с 16 версии Angular, мы можем использовать inputs для объявления свойств, которые будут привязываться к параметрам маршрута. В этой статье показано, как это работает. 👉 https://indepth.dev/posts/1519/router-data-as-components-inputs-in-angular-v16

✨ Занимаемся оптимизацией Ни для кого не секрет, что размер пакета влияет на скорость загрузки и пользовательский опыт. Уменьшение размера пакета важно, но есть и другие существенные элементы, которые необходимо учитывать для создания идеального приложения. 👉 https://dev.to/brihoum/how-i-optimized-my-angular-website-3fd0

✨ TypeScript 5.0 и 4.9: оцениваем и сравниваем изменения 1 июня состоялся релиз TypeScript 5.1, в нем представили небольшое количество нововведений, о которых можно прочитать здесь. В этой статье разобраны изменения предыдущих версий. 👉 https://habr.com/ru/companies/simbirsoft/articles/740224/

✨ Тестирование в 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