✨ RxJS за пределами базового использования

Знаете, как превратить RxJS в ваш секретный инструмент для идеального кода?

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

В статье, показывается, как написать свой debounceIf оператор и создать delayedRange.

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

✨ Симптомы проблемного Angular-кода

Многие говорят об "антипаттернах", но в реальности их бывает сложно заметить. Возможно, вы не замечаете тревожных сигналов!

В статье разобраны опасные симптомы, которые медленно убивают ваше приложение. Не ждите, пока все сломается — учитесь находить и лечить проблемы на ранней стадии.

👉 https://www.angularspace.com/symptoms-of-an-angular-disorder/

✨ Hawkeye — новый esbuild анализатор

Знаете ли вы, что скрывается в вашем бандле?

Даже с крутыми инструментами вроде esbuild он может незаметно распухнуть из-за иконок, библиотек или ленивого кода. А это — медленная загрузка и раздраженные пользователи.

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

👉 https://angularexperts.io/blog/hawkeye-esbuild-analyzer

✨ Новый httpResource

В 19.2.0-rc.0 представлен новый httpResource, который превращает загрузку данных в часть реактивного потока с помощью сигналов.

В статье показано, как использовать новую функцию на примере приложения в стиле классической игры Super Mario.

👉 https://www.angulararchitects.io/en/blog/learning-httpresource-with-super-mario/

✨ Понимание Ahead-of-Time (AOT) компиляции

AOT в Angular преобразует темплейты и TypeScript код в оптимизированный JavaScript до загрузки приложения в браузере. В отличие от Just-in-Time (JIT) компиляции, которая происходит в браузере, AOT работает на этапе сборки, значительно улучшая производительность, безопасность и снижая количество ошибок.

Статья рассматривает принципы работы AOT, преимущества перед JIT, типичные проблемы и способы отладки. Также показывает эволюцию компилятора Angular от версии 2 до современного движка Ivy.

👉 https://dev.to/this-is-angular/understanding-angular-ahead-of-time-aot-compilation-2m7p

✨ Эффективный рендеринг с декларативными шаблонами

Работа с DOM напрямую через нативные API может быть громоздкой, подверженной ошибкам и медленной, так как операции с DOM сами по себе ресурсоемки. Поэтому, одна из задач фреймворков — выполнять как можно меньше операций с DOM для обеспечения высокой производительности.

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

👉 https://riegler.fr/blog/2025-02-16-incremental-dom

✨ Resource RFC

Angular анонсировал ресурсы (Resources) — новый стандарт работы с асинхронностью.

Как вы знаете, сигналы предназначены для работы с синхронным состоянием. Каждый сигнал имеет четко определенное текущее значение. Однако не все состояния в приложениях являются синхронными.

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

Читайте RFC, чтобы глубже погрузиться в API ресурсов.

👉 https://github.com/angular/angular/discussions/60120

✨ Dependency Injection под микроскопом

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

Статья знакомит с основами DI в Angular.

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

✨ Анонс TypeScript 5.8

Команда TypeScript представила версию 5.8 с новыми возможностями и улучшениями. Вот ключевые изменения:

Улучшенная проверка условий в return

Теперь TypeScript точнее анализирует условные выражения в операторах return. Это помогает находить ошибки, когда ветки возвращают несовместимые типы. Например, если функция должна вернуть объект URL, а одна из веток возвращает строку, TypeScript сразу укажет на проблему.

Поддержка require() для ESM в --module nodenext

В Node.js 22 появилась возможность использовать require() для загрузки ESM-модулей из CommonJS. TypeScript 5.8 поддерживает это поведение с флагом --module nodenext, что упрощает переход на ESM для разработчиков библиотек без дублирования кода.

Флаг --erasableSyntaxOnly для чистого синтаксиса

Новый флаг выявляет конструкции TypeScript, которые нельзя «стереть» в JavaScript (например, enum или параметры свойств в классах). Это полезно для совместимости с режимом Node.js, где TypeScript-файлы запускаются напрямую.

Управление заменой стандартных библиотек (--libReplacement)

Флаг --libReplacement позволяет отключить автоматическую замену встроенных типов (например, dom) на кастомные из @typescript/lib-*. Это ускоряет работу, если вы не используете такую замену.

Сохранение вычисляемых свойств в .d.ts-файлах

Исправляет генерацию деклараций для вычисляемых свойств в классах.

Оптимизации скорости работы

Улучшена обработка путей и валидация настроек проекта. Это ускоряет загрузку крупных проектов и делает реакцию на изменения в режиме --watch более отзывчивой.

Важные изменения в синтаксисе

При использовании --module nodenext импорт с assert теперь вызывает ошибку — вместо него нужно использовать with (актуально для Node.js 22+).

👉 https://devblogs.microsoft.com/typescript/announcing-typescript-5-8/

✨ Вайб-кодинг

Как думаешь, можно ли превратить программирование в настоящий диалог с искусственным интеллектом?

В эпоху нейронок появился вайб-кодинг — способ, где каждая строка кода рождается в чате, превращая рутинную работу в креативное приключение, полное эмоций и неожиданных решений.

Узнай, как общаться с LLM так, как менеджер с разработчиком, и почему прототипы, созданные на коленке, способны изменить правила игры в разработке.

👉 https://vas3k.blog/notes/vibe_coding/

✨ Angular Signals

Вы когда-нибудь задумывались, как работают сигналы изнутри?

В статье объясняется, как функционирует реактивный контекст и отслеживание зависимостей.

👉 https://habr.com/ru/companies/otus/articles/887494/

✨ Ресурсы в Angular 19.2 — революция или просто хайп?

Angular 19.2 вышел и снова меняет правила игры! Новые API для асинхронной реактивности — это не просто фича, а мощный инструмент, который упростит жизнь разработчикам. Хочешь, чтобы твой код был чище, а данные грузились как по волшебству? Тогда это для тебя.

Теперь с httpResource и rxResource можно легко работать с асинхронными запросами, а обновленные шаблоны сделают твой код еще элегантнее. Плюс — поддержка Set в формах и удобные миграции.

👉 https://blog.angular.dev/angular-19-2-is-now-available-673ec70aea12

✨ Недооцененные возможности Angular

А ты знал, что Angular прячет настоящие сокровища для разработчиков? Малоизвестные фичи вроде сложных селекторов директив или чтения сервисов из ViewChild.

Например, можно автоматически добавлять тултипы к обрезанным текстам, управлять стилями с Shadow DOM или оптимизировать производительность с помощью NgZone.runOutsideAngular.

Хочешь узнать больше таких трюков? Читай статью и делись с коллегами.

👉 https://www.angularspace.com/underrated-angular-features/

✨ Виртуальная доска, которая не даст о себе позабыть

А что, если твоя виртуальная доска, созданная с помощью Angular, станет личным мотиватором, который не даст забыть о целях? Представь: всегда под рукой пространство для идей, привычек и планов.

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

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

✨ Бесшовное получение данных с помощью httpResource

Мы уже писали, что скоро HTTP-запросы в Angular станут такими же интуитивными, как работа с сигналами. И теперь это реальность с новым httpResource. С ним ваши запросы автоматически обновляются при изменении данных, что идеально для динамических сценариев.

Плюс ко всему, встроенная поддержка валидации через библиотеки вроде Zod гарантирует безопасность типов и данных. Меньше кода, меньше сложностей — больше времени на создание крутых приложений.

👉 https://blog.angular.dev/seamless-data-fetching-with-httpresource-71ba7c4169b9

✨ TypeScript на Go: в 10 раз быстрее

А что, если ваш TypeScript станет в разы быстрее? Представьте: открываете редактор, а проект грузится мгновенно, билды летают, память не тратится впустую.

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

Команда портирует компилятор на Go, в тестах, существенно сократив время сборки популярных проектов. Новая версия — не просто оптимизация, а основа для будущих ИИ-инструментов.

Хотите узнать, как это изменит вашу работу? Читайте статью и разбор интервью с автором TypeScript.

👉 https://devblogs.microsoft.com/typescript/typescript-native-port/

✨ CSS в 2025

А вы знали, что CSS в 2025 году стал мечтой фронтендеров? Забудьте про висячие слова в заголовках и прыжки контента — теперь это решается парой строк.

Что в тренде: text-wrap: balance равномерно распределяет текст, scrollbar-gutter: stable спасает от смещений, а CSS-вложенность — это как препроцессор, но нативно. Плюс псевдо-классы :user-valid и :user-invalid для работы с формами и многое другое.

👉 https://habr.com/ru/companies/ruvds/articles/877114/

✨ Что новенького в Angular 19

Если вы пропустили цикл статей об улучшениях в Angular 19, то Максим Иванов уже перевел его для вас.

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

P.S. Традиционное обсуждение $mol в комментариях присутствует.

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