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

✨ DOM, DI и View: деревья в Angular Легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними. 👉 https://habr.com/ru/companies/tinkoff/articles/756024/

✨ Современные архитектуры с Angular Angular часто используется для фронтенда крупных, критически важных решений. В таких условиях особенно важно обеспечить простоту сопровождения архитектуры. Однако при этом важно избегать оверинжиниринга. В этой серии статей показывается, как можно совместить оба требования. 👉 https://www.angulararchitects.io/en/aktuelles/modern-architectures-with-angular-part-1-strategic-design-with-sheriff-and-standalone-components/

✨ Как я переносил блог из CakePHP в Angular У каждого опытного программиста есть хотя бы одна интересная история, как он работал с легаси кодом. Александр Серенко поделился опытом переписывания архитектурного чуда, написанного аутсорсерами на CakePHP в 2012 году. 👉 https://habr.com/ru/articles/754884/

✨ Сквозь время – ускоряем автотесты В идеальном мире автотесты должны проходить быстро, чтобы их хотелось запускать как локально, так и в CI. Но почему в большинстве проектов запуск тестов отнимает критически много времени? Всеволод Золотов рассказал, как Jest помогает писать молниеносные тесты, и рассмотрел ключевые сценарии. 👉 https://habr.com/ru/companies/psb/articles/750286/

✨ Эволюция сигналов в JavaScript В последнее время в мире фронтенда наблюдается определенная шумиха вокруг термина "сигналы". Кажется, что за короткое время они появились повсюду, начиная с Preact и заканчивая Angular. Но они не являются чем-то новым. Даже отдаленно, если учесть, что их корни уходят в исследования конца 1960-х годов. 👉 https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob

🦄 Что я понял, когда написал много тестов Тестирование — важная часть разработки, которая позволяет писать более качественный и прозрачный код. Тесты могут сильно повлиять на структуру кода приложения, а код, в свою очередь, влияет на структуру тестов. Глазырин Сергей попытался уместить выводы из опыта, который получил за время написания большого количества тестов. 👉 https://habr.com/ru/companies/tinkoff/articles/753958/

✨ Обработка ошибок В Angular мы можем обрабатывать ошибки различными способами, каждый из которых имеет свои плюсы и минусы. Давайте рассмотрим их. 👉 https://dev.to/this-is-angular/angular-error-handling-101-553

✨ Анонс TypeScript 5.2 RC Начиная с бета-версии, добавили оптимизацию проверки типов и реализацию импорта только типов, независимо от того, включен ли параметр allowImportingTsExtensions. В период до выхода стабильного релиза не ожидается никаких изменений, кроме исправления критических ошибок. 👉 https://devblogs.microsoft.com/typescript/announcing-typescript-5-2-rc/

✨ Представляем auto-signal паттерн Signals идеально подходят для синхронной реактивности, а observables для асинхронной. Они дополняют друг друга, но в то же время и противоречат друг другу. В статье рассказано об одном приеме, позволяющем заставить их взаимодействовать друг с другом. 👉 https://dev.to/mfp22/introducing-the-auto-signal-pattern-1a5h

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

🔥 Уведомление о XSS-проблеме Проблема затрагивает приложения, использующие Angular Universal для рендеринга на стороне сервера (SSR). Она относится к пакету Critters версий 0.0.17, 0.0.18 и 0.0.19. Версия 0.0.20 содержит исправление. Angular Universal (в частности, @nguniversal/common) версий 16.1.0-16.1.1 зависит от этих версий Critters. Уязвимость исправлена в версии 16.1.2. Если вы зависите от какой-либо из версий, немедленно обновите свои Critters и Angular Universal. Приложения, не использующие Angular Universal, не должны быть затронуты. 👉 https://medium.com/p/95dbae068f

✨ Внедрение зависимостей простыми словами DI — процесс предоставления внешней зависимости программному компоненту. Данила Егоренко поделился опытом изучения внедрения зависимостей. 👉 https://habr.com/ru/articles/751422/

✨ Как генерировать модели интерфейсов на основе спецификации API First — методология разработки ПО, которая рассматривает API в качестве основания или конечного продукта, вокруг которого выстраиваются организационные процессы и сама разработка. В статье разобрано несколько инструментов кодогенерации, и типовые схемы реализации инфраструктуры. 👉 https://habr.com/ru/companies/simbirsoft/articles/751406/

✨ Принцип работы Angular Signals Сигнал — это значение, которое является «реактивным», то есть оно может уведомлять заинтересованных потребителей об изменении. Существует много разных реализаций этой концепции с разными схемами того, как эти уведомления подписываются и распространяются, как работает очистка и отмена подписки, как отслеживаются зависимости и т.д. В данной статье описывается алгоритм, лежащий в основе конкретной реализации паттерна «сигнал». 👉 https://habr.com/ru/articles/751614/

✨ Разбираемся с адаптивом Большая часть трафика проходит через мобильные устройства. Кто-то решает эту проблему отдельным приложением, а кто-то адаптирует свои продукты под мобильные разрешения. В статье рассказывается о адаптивном варианте. 👉 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