
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Фронтенд — новый легаси: Как мы проспали event-driven революцию
В статье объясняется, почему фронтенд все еще живет в эпохе jQuery, хотя на бэкенде уже давно правят Pub/Sub-паттерны с RabbitMQ и Kafka.
P.S. Все изложенное — лишь мнение автора статьи. У предложенного решения есть свои недостатки, но идея интересная и вполне может вызвать обсуждение.
👉 https://habr.com/ru/articles/906800/
В статье объясняется, почему фронтенд все еще живет в эпохе jQuery, хотя на бэкенде уже давно правят Pub/Sub-паттерны с RabbitMQ и Kafka.
P.S. Все изложенное — лишь мнение автора статьи. У предложенного решения есть свои недостатки, но идея интересная и вполне может вызвать обсуждение.
👉 https://habr.com/ru/articles/906800/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Как ESLint помогает управлять архитектурой проекта
Импорты из устаревших библиотек, UI-компоненты в бизнес-логике, фичи, завязанные на низкоуровневом API... Знакомые проблемы?
Борис Ермаченко рассказал, как ESLint может автоматически следить за соблюдением архитектурных границ с помощью трех инструментов:
- import/no-restricted-paths — для запрета импортов на уровне директорий
- no-restricted-imports — для блокировки устаревших библиотек
- eslint-plugin-boundaries — позволяет описывать архитектурные слои и следить за их границами
👉 https://habr.com/ru/companies/psb/articles/905398/
Импорты из устаревших библиотек, UI-компоненты в бизнес-логике, фичи, завязанные на низкоуровневом API... Знакомые проблемы?
Борис Ермаченко рассказал, как ESLint может автоматически следить за соблюдением архитектурных границ с помощью трех инструментов:
- import/no-restricted-paths — для запрета импортов на уровне директорий
- no-restricted-imports — для блокировки устаревших библиотек
- eslint-plugin-boundaries — позволяет описывать архитектурные слои и следить за их границами
👉 https://habr.com/ru/companies/psb/articles/905398/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Angular 19.2: Шаблонные литералы в [class] — более чистая альтернатива [ngClass]?
Слышали, что в Angular 19.2 с помощью шаблонных литералов можно реализовать генерацию динамических классов и стилей?
Как это работает?
Вместо громоздких [ngClass] или множества [class.x] вы просто пишете:
Это позволяет лаконично и понятно управлять классами, особенно когда их имя зависит от переменной.
👉 https://push-based.io/article/angular-19-2-template-literals-in-class-a-cleaner-alternative-to-ngclass
Слышали, что в Angular 19.2 с помощью шаблонных литералов можно реализовать генерацию динамических классов и стилей?
Как это работает?
Вместо громоздких [ngClass] или множества [class.x] вы просто пишете:
<div [class]="`btn-${variant}`"></div>
Это позволяет лаконично и понятно управлять классами, особенно когда их имя зависит от переменной.
👉 https://push-based.io/article/angular-19-2-template-literals-in-class-a-cleaner-alternative-to-ngclass

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Продвинутые методы использования TypeScript в реальных проектах
Вы когда-нибудь сталкивались с ситуацией, когда даже идеальный код превращается в хаос из-за громоздких типов?
На примере простой системы "умного дома" демонстрируется, как связать события с их данными и сделать невозможными ошибки несоответствия.
👉 https://habr.com/ru/companies/timeweb/articles/906842/
Вы когда-нибудь сталкивались с ситуацией, когда даже идеальный код превращается в хаос из-за громоздких типов?
На примере простой системы "умного дома" демонстрируется, как связать события с их данными и сделать невозможными ошибки несоответствия.
👉 https://habr.com/ru/companies/timeweb/articles/906842/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Почему мы используем Typescript в своих проектах и каковы его расширенные возможности?
Ни для кого не секрет, что в крупных проектах, где код постоянно растет, а состав команд меняется, TypeScript — это не просто модный тренд, а инвестиция в чистый, безопасный и понятный код.
В статье разбираются ключевые преимущества TypeScript, наглядно демонстрируются его расширенные возможности и объясняется, как он помогает справляться с вызовами масштабных проектов.
👉 https://habr.com/ru/companies/nlmk/articles/893270/
Ни для кого не секрет, что в крупных проектах, где код постоянно растет, а состав команд меняется, TypeScript — это не просто модный тренд, а инвестиция в чистый, безопасный и понятный код.
В статье разбираются ключевые преимущества TypeScript, наглядно демонстрируются его расширенные возможности и объясняется, как он помогает справляться с вызовами масштабных проектов.
👉 https://habr.com/ru/companies/nlmk/articles/893270/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ MCP + Playwright: Революция в тестировании?
Представьте, что вы нажимаете кнопку и ваши E2E‑тесты уже написаны за вас.
С Playwright MCP Server больше не нужно часами вручную описывать каждый шаг пользователя, с его помощью вы получаете готовые варианты, которые остается только немного доработать. Это огромный шаг к повышению продуктивности.
В статье автор делится своим опытом его использования, и оценивает качество сгенерированных тестов.
👉 https://timdeschryver.dev/blog/vibe-testing-with-playwright
Представьте, что вы нажимаете кнопку и ваши E2E‑тесты уже написаны за вас.
С Playwright MCP Server больше не нужно часами вручную описывать каждый шаг пользователя, с его помощью вы получаете готовые варианты, которые остается только немного доработать. Это огромный шаг к повышению продуктивности.
В статье автор делится своим опытом его использования, и оценивает качество сгенерированных тестов.
👉 https://timdeschryver.dev/blog/vibe-testing-with-playwright

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ TypeScript: стоит ли усложнять типы?
Система типов в TypeScript настолько мощная, что может заменить целый язык программирования. Но стоит ли усложнять типы ради надежности кода, или лучше остаться в зоне комфорта?
Эта статья поможет найти золотую середину.
👉 https://habr.com/ru/companies/lanit/articles/908642/
Система типов в TypeScript настолько мощная, что может заменить целый язык программирования. Но стоит ли усложнять типы ради надежности кода, или лучше остаться в зоне комфорта?
Эта статья поможет найти золотую середину.
👉 https://habr.com/ru/companies/lanit/articles/908642/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Гайд на полиморфизм. Основные идеи
Многие считают, что полиморфизм связан исключительно с ООП, но пора разрушить миф. Он присутствует в самых разных языках и парадигмах, помогая коду быть гибким и универсальным.
Читай статью, чтобы наконец-то разложить по полочкам этот фундаментальный концепт, который на деле гораздо глубже, чем принято думать.
👉 https://habr.com/ru/articles/910194/
Многие считают, что полиморфизм связан исключительно с ООП, но пора разрушить миф. Он присутствует в самых разных языках и парадигмах, помогая коду быть гибким и универсальным.
Читай статью, чтобы наконец-то разложить по полочкам этот фундаментальный концепт, который на деле гораздо глубже, чем принято думать.
👉 https://habr.com/ru/articles/910194/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Погружение в grammY: разработка Telegram-бота с TypeScript и Docker
Твой Telegram-бот все еще просто повторяет сообщения? Время для серьезного апгрейда!
Узнай, как заложить мощный фундамент для будущего масштабирования, превратив простого помощника в по-настоящему умный и надежный инструмент.
👉 https://habr.com/ru/companies/selectel/articles/910174/
Твой Telegram-бот все еще просто повторяет сообщения? Время для серьезного апгрейда!
Узнай, как заложить мощный фундамент для будущего масштабирования, превратив простого помощника в по-настоящему умный и надежный инструмент.
👉 https://habr.com/ru/companies/selectel/articles/910174/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Анонс TypeScript Native Previews
Устали ждать, пока ваш TypeScript-проект соберется? Microsoft выпустила TypeScript Native Previews — революционную версию компилятора, переписанную на Go с использованием параллелизма.
В комплекте идет расширение для VS Code и npm-пакет
Реальный пример: проект Sentry с миллионом строк кода теперь проверяется за 6,7 секунды против 72 секунд на обычном TypeScript.
👉 https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/
Устали ждать, пока ваш TypeScript-проект соберется? Microsoft выпустила TypeScript Native Previews — революционную версию компилятора, переписанную на Go с использованием параллелизма.
В комплекте идет расширение для VS Code и npm-пакет
@typescript/native-preview
с новым CLI-инструментом tsgo
. Правда, пока это превью без некоторых фич (отсутствует --build), но скорость впечатляет.Реальный пример: проект Sentry с миллионом строк кода теперь проверяется за 6,7 секунды против 72 секунд на обычном TypeScript.
👉 https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Эволюция программирования: как парадигмы украли нашу свободу
Задумывались ли вы, почему программирование из приключения превратилось в строгую инженерию? За 70 лет мы перешли от диких хакеров к архитекторам по ГОСТу. Раньше код писали на салфетках, сейчас по священным канонам SOLID.
В новой статье автор размышляет, как парадигмы превратили программирование из искусства в ремесло и почему это было неизбежно.
👉 https://habr.com/ru/articles/912552/
Задумывались ли вы, почему программирование из приключения превратилось в строгую инженерию? За 70 лет мы перешли от диких хакеров к архитекторам по ГОСТу. Раньше код писали на салфетках, сейчас по священным канонам SOLID.
В новой статье автор размышляет, как парадигмы превратили программирование из искусства в ремесло и почему это было неизбежно.
👉 https://habr.com/ru/articles/912552/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ NgRx получил крутое обновление Event API
Новый Event API в NgRx SignalStore добавляет возможности управления состоянием на основе событий, позволяя более эффективно создавать масштабируемые приложения.
В настоящее время он помечен как экспериментальный, что означает, что его API могут измениться. Тем не менее, вы уже сейчас можете попробовать его, оставить отзыв и помочь определить его будущее.
👉 https://www.angulararchitects.io/en/blog/the-new-event-api-in-ngrx-signal-store/
Новый Event API в NgRx SignalStore добавляет возможности управления состоянием на основе событий, позволяя более эффективно создавать масштабируемые приложения.
В настоящее время он помечен как экспериментальный, что означает, что его API могут измениться. Тем не менее, вы уже сейчас можете попробовать его, оставить отзыв и помочь определить его будущее.
👉 https://www.angulararchitects.io/en/blog/the-new-event-api-in-ngrx-signal-store/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Идеальная настройка проекта на Angular
А что, если бы ваш код в Angular был организован так, что ошибки сводились к минимуму, а команда работала как единый механизм?
Эта статья раскрывает, как правильная структура и автоматизация могут сэкономить вам время и нервы, превращая разработку в удовольствие.
👉 https://www.angulararchitects.io/en/blog/the-perfect-project-setup-for-angular-structure-and-automation-for-more-quality/
А что, если бы ваш код в Angular был организован так, что ошибки сводились к минимуму, а команда работала как единый механизм?
Эта статья раскрывает, как правильная структура и автоматизация могут сэкономить вам время и нервы, превращая разработку в удовольствие.
👉 https://www.angulararchitects.io/en/blog/the-perfect-project-setup-for-angular-structure-and-automation-for-more-quality/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Анонс Angular 20
Ключевые новинки: стабилизация effect, linkedSignal и toSignal, продвижение zoneless, улучшения SSR с инкрементальной гидратацией, интеграция с Chrome DevTools для отладки и даже... поддержка разработки с использованием ИИ.
А еще выбор официального маскота — примите участие!
👉 https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301
Ключевые новинки: стабилизация effect, linkedSignal и toSignal, продвижение zoneless, улучшения SSR с инкрементальной гидратацией, интеграция с Chrome DevTools для отладки и даже... поддержка разработки с использованием ИИ.
А еще выбор официального маскота — примите участие!
👉 https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Google I/O
На недавней конференции Google I/O представили свежий взгляд на настоящее и будущее Angular.
Ознакомьтесь с последними обновлениями фреймворка и узнайте, как они помогут вам уверенно создавать быстрые, современные веб-приложения нового поколения.
👉 https://www.youtube.com/watch?v=eIeJmYdYMQo
На недавней конференции Google I/O представили свежий взгляд на настоящее и будущее Angular.
Ознакомьтесь с последними обновлениями фреймворка и узнайте, как они помогут вам уверенно создавать быстрые, современные веб-приложения нового поколения.
👉 https://www.youtube.com/watch?v=eIeJmYdYMQo

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Эволюция Angular с колокольни UI-Kit-разработчика
Незаметное нововведение для одного разработчика, может стать архитектурным прорывом для другого. Например, функция createComponent, которая в Angular 20 получила серьезное развитие.
Барсуков Никита рассказал, как менялся Angular с версии 10 по 20, через призму мейнтейнера библиотек.
👉 https://habr.com/ru/companies/tbank/articles/914260/
Незаметное нововведение для одного разработчика, может стать архитектурным прорывом для другого. Например, функция createComponent, которая в Angular 20 получила серьезное развитие.
Барсуков Никита рассказал, как менялся Angular с версии 10 по 20, через призму мейнтейнера библиотек.
👉 https://habr.com/ru/companies/tbank/articles/914260/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Angular 20: Большое обновление для современного веба
Помните, мы уже рассказывали об Angular 20? Сегодня снова погружаемся в новые возможности фреймворка.
Теперь путь от идеи до готового решения станет значительно короче, а интеграция с AI возьмет на себя самые скучные и повторяющиеся задачи, освободив вам время.
👉 https://habr.com/ru/articles/914934/
Помните, мы уже рассказывали об Angular 20? Сегодня снова погружаемся в новые возможности фреймворка.
Теперь путь от идеи до готового решения станет значительно короче, а интеграция с AI возьмет на себя самые скучные и повторяющиеся задачи, освободив вам время.
👉 https://habr.com/ru/articles/914934/

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Angular Can I Use
Знакомая ситуация? Работаешь над проектом, а используемая функция неожиданно оказывается экспериментальной в твоей версии Angular?
Этот ресурс поможет понять, какие возможности можно использовать безопасно, а от каких лучше отказаться.
👉 https://www.angular.courses/caniuse
Знакомая ситуация? Работаешь над проектом, а используемая функция неожиданно оказывается экспериментальной в твоей версии Angular?
Этот ресурс поможет понять, какие возможности можно использовать безопасно, а от каких лучше отказаться.
👉 https://www.angular.courses/caniuse

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Современное E2E тестирование с помощью Playwright
Хотите выпускать фичи без багов и с уверенностью? Тогда Playwright — ваш новый лучший друг.
В статье рассказывают, как Playwright делает E2E-тестирование в Angular надежным и максимально приближенным к реальному пользовательскому опыту.
👉 https://angular.love/modern-e2e-testing-for-angular-apps-with-playwright
Хотите выпускать фичи без багов и с уверенностью? Тогда Playwright — ваш новый лучший друг.
В статье рассказывают, как Playwright делает E2E-тестирование в Angular надежным и максимально приближенным к реальному пользовательскому опыту.
👉 https://angular.love/modern-e2e-testing-for-angular-apps-with-playwright

🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Обработка ошибок в Angular
Твое Angular-приложение крашится? Что если бы вместо этого оно показывало красивое сообщение об ошибке? Или автоматически предлагало повторить попытку?
Время разобраться с ошибками! В Angular есть готовые инструменты, которые превращают хрупкие приложения в пуленепробиваемые.
👉 https://www.angularspace.com/angular-error-handling/
Твое Angular-приложение крашится? Что если бы вместо этого оно показывало красивое сообщение об ошибке? Или автоматически предлагало повторить попытку?
Время разобраться с ошибками! В Angular есть готовые инструменты, которые превращают хрупкие приложения в пуленепробиваемые.
👉 https://www.angularspace.com/angular-error-handling/