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

✨ Разбираемся с адаптивом Большая часть трафика проходит через мобильные устройства. Кто-то решает эту проблему отдельным приложением, а кто-то адаптирует свои продукты под мобильные разрешения. В статье рассказывается о адаптивном варианте. 👉 https://habr.com/ru/companies/nspk/articles/750970/

🍪 Как работает Evercookie в 2023 году Основная цель evercookie — записать во все доступные хранилища браузера уникальный идентификатор. Если идентификатор удаляется из какого либо хранилища, то значение восстанавливается с помощью чтения значения из другого. Александр Серенко разобрал подходы, которые помогают восстановить идентификатор пользователя. 👉 https://habr.com/ru/articles/750856/

🦄 Web API для Angular Веб — богатая экосистема с массой API, но их сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular. Web API для Angular — это опенсорс-инициатива, которая облегчает использование нативных API в Angular. 👉 https://habr.com/ru/companies/tinkoff/articles/750788/

✨ Явное управление ресурсами Одной из самых интересных новинок JavaScript и TypeScript стало явное управление ресурсами. Синтаксис using позволяет писать менее многословный код. Илья Поздняков на примерах разобрал новую фичу. 👉 https://habr.com/ru/companies/ruvds/articles/745904/

✨ Вывод типов в TypeScript Давайте решим небольшую практическую задачу. У нас есть массив строковых значений. Необходимо отобразить их на странице, а также убедиться, чтобы эти данные были строго типизированы. 👉 https://habr.com/ru/articles/750074/

✨ RxJS может спасти вашу кодовую базу В предыдущем посте мы видели, что происходит, когда RxJS используется для синхронной реактивности. Теперь попробуем использовать сигналы для реализации асинхронного поведения и сравним с решением на RxJS. 👉 https://dev.to/mfp22/rxjs-can-save-your-codebase-49fi

✨ Упрощаем работу с Angular RxJS — прекрасно подходит для управления асинхронными потоками событий, но сложен для синхронизации состояний. Angular нужен был собственный реактивный примитив, и из всех возможных вариантов сигналы оказались лучшим выбором. 👉 https://dev.to/mfp22/signals-make-angular-much-easier-3k9

✨ 14 причин использовать Angular для веб-разработки Angular — отличный выбор для вашего следующего проекта. Это один из самых популярных фреймворков на сегодня, и многие разработчики используют его для создания своих приложений. Статья дает представление о преимуществах реализации проектов на его основе. 👉 https://habr.com/ru/companies/otus/articles/748536/

✨ Мультибрендинг сайта Все больше компаний сталкиваются с необходимостью создания нескольких брендов. Такая задача может быть связана с различными целевыми аудиториями пользователей, регионами или продуктами. Дмитрий Дружков рассказал, как добавить несколько брендов и реализовать разную для них логику. 👉 https://habr.com/ru/articles/748240/

🦄 Nx Generator: имба или не стоит разбираться? Nx Generator — инструмент от Nx, который отвечает за шаблонную генерацию кода в Nx workspace. Дмитрий Данилов показал, что нужно установить для запуска генераторов, как писать собственные генераторы и создавать с ними шаблонные файлы. 👉 https://habr.com/ru/companies/tinkoff/articles/747608/

✨ Манипулируй DOM правильно Angular способен работать на разных платформах. Для реализации этой возможности необходим уровень абстракции между API конкретной платформы и интерфейсами фреймворка. Давайте разберемся как можно манипулировать DOM. 👉 https://habr.com/ru/companies/nspk/articles/745502/

✨ Fullstack Angular с Analog Analog — метафреймворк, который помогает быстрее создавать приложения и веб-сайты на базе Angular. Статья знакомит с его особенностями. 👉 https://dev.to/analogjs/fullstack-angular-with-analog-2mnj

✨ Примитивы — это ошибка Моделирование данных — это все о семантике. Мы моделируем данные, чтобы отличать их от других данных и иметь некоторые гарантии и инварианты. Примитивные типы совсем не служат этой цели. Примитивные типы, такие как строка, число или булево, не имеют никакой дополнительной семантики. Они свободны от контекста, поэтому они слишком обобщены. Они просто описывают, как хранятся данные, а не что они означают. В современном моделировании данных так мало случаев для использования типа string, что почти в каждом случае вы имеете дело с чем-то другим, чем обычная строка. 👉 https://ybogomolov.me/primitives-were-a-mistake

✨ Angular получил новый синтаксис шаблонов В последние годы не так много менялось. Теперь Angular движется вперед со сверхсветовой скоростью. Недавно команда Angular предложила перейти от текущих структурных директив NgIf, NgForOf, NgSwitch к новому синтаксису. 👉 https://habr.com/ru/articles/746322/

✨ Новый NGRX Signal Store С момента появления сигналов команда NGRX работает над стором, который использует новый реактивный подход. В статье показана текущая рабочая версия Signal Store, с различными вариантами использования. 👉 https://www.angulararchitects.io/en/aktuelles/the-new-ngrx-signal-store-for-angular-2-1-flavors/

✨ Angular Dependency Injection инфографика Angular имеет свой собственный фреймворк инъекции зависимостей. Он помогает повысить эффективность и модульность, но может быть сложным по сравнению с традиционными DI-фреймворками. Надеемся, эта инфографика упростит его изучение. 👉 https://christiankohler.net/angular-dependency-injection-infographic-updated

🎉 Анонс TypeScript 5.2 Beta Обычно после создания объекта необходимо произвести некоторую "очистку". Например, вам может понадобиться закрыть сетевые соединения, удалить временные файлы или просто освободить память. TypeScript 5.2 добавляет поддержку явного управления ресурсами в ECMAScript. Давайте рассмотрим мотивы и поймем, что нам дает эта возможность. 👉 https://devblogs.microsoft.com/typescript/announcing-typescript-5-2-beta/

✨ Как легко отлаживать приложения Иногда поиск ошибки занимает больше времени, чем ее исправление. Сегодня мы изучим некоторые способы экономии времени на отладку наших приложений. 👉 https://www.danywalls.com/how-to-debug-angular-applications-easy

✨ Полезные приемы Chrome DevTools В Angular цикл обнаружения изменений может быть вызван различными событиями браузера, а в реальных приложениях события переплетаются таким образом, что определить причину довольно сложно. В статье показано, как использовать инструменты браузера для поиска причин. 👉 https://indepth.dev/posts/1521/useful-chrome-devtools-techniques-when-debugging-change-detection-in-angular

✨ Не пропусти это при работе с Nx Часто работа с Nx заканчивается на имеющихся дефолтных настройках. Все остальное остается черным ящиком. Время сборки проектов начинает расти, а причины так и остаются неизвестными. Анастасия Анисимова предложила отправиться на изучение официальной документации и поискать лайфхаки. 👉 https://habr.com/ru/companies/skyeng/articles/743458/