✨ Angular и AI: ускоряем процесс разработки
С внедрением MCP-сервера, команда Angular задала интересный тренд, меняющий подход к использованию фреймворка.
В статье автор поделился своим опытом: он поднял MCP-сервер, связал его с GitHub Copilot и прогнал несколько промптов. Спойлер: результат действительно впечатляет. Интеграция с Angular CLI дает AI-агенту гораздо больше контекста, и код на выходе получается качественнее. Попробуйте сами.
👉 https://habr.com/ru/articles/942376/
С внедрением MCP-сервера, команда Angular задала интересный тренд, меняющий подход к использованию фреймворка.
В статье автор поделился своим опытом: он поднял MCP-сервер, связал его с GitHub Copilot и прогнал несколько промптов. Спойлер: результат действительно впечатляет. Интеграция с Angular CLI дает AI-агенту гораздо больше контекста, и код на выходе получается качественнее. Попробуйте сами.
👉 https://habr.com/ru/articles/942376/
🔥11👍4👏2
✨ Стратегия обнаружения изменений в ANGULAR 17+
Стратегия обнаружения изменений OnPush — это ключевой инструмент для оптимизации производительности в Angular. В отличие от стратегии по умолчанию, которая проверяет все дерево компонентов при любом событии, OnPush позволяет избежать лишних циклов change detection.
В статье подробно рассматривается, когда именно OnPush запускает проверку.
P.S. А еще в комментариях можно послушать подкаст, сгенерированный по мотивам этой статьи.
👉 https://habr.com/ru/companies/ascon/articles/941766/
Стратегия обнаружения изменений OnPush — это ключевой инструмент для оптимизации производительности в Angular. В отличие от стратегии по умолчанию, которая проверяет все дерево компонентов при любом событии, OnPush позволяет избежать лишних циклов change detection.
В статье подробно рассматривается, когда именно OnPush запускает проверку.
P.S. А еще в комментариях можно послушать подкаст, сгенерированный по мотивам этой статьи.
👉 https://habr.com/ru/companies/ascon/articles/941766/
👍6🔥2👎1👏1
✨ Angular Summer Update 2025
Йенс Кюлерс и Марк Тексон опубликовали в официальном блоге Angular статью, посвященную улучшениям в версиях 20.1 и 20.2. Ранее мы уже давали краткий обзор этих нововведений, а теперь разработчики поделились всеми подробностями.
Одно из значительных нововведений — это стабильность Zoneless API. Обновление также вводит новые примитивы анимации, позволяющие использовать нативные CSS-анимации и устаревает пакет
P.S. В комментариях можно послушать подкаст.
👉 https://blog.angular.dev/angular-summer-update-2025-1987592a0b42
Йенс Кюлерс и Марк Тексон опубликовали в официальном блоге Angular статью, посвященную улучшениям в версиях 20.1 и 20.2. Ранее мы уже давали краткий обзор этих нововведений, а теперь разработчики поделились всеми подробностями.
Одно из значительных нововведений — это стабильность Zoneless API. Обновление также вводит новые примитивы анимации, позволяющие использовать нативные CSS-анимации и устаревает пакет
@angular/animations
. Кроме того, Angular расширил свои предложения по искусственному интеллекту (ИИ), представив новый сервер MCP для кодогенерации LLM и поддержку создания приложений Angular в Gemini Canvas и Google AI Studio. Улучшения инструментов разработчика включают визуализацию маршрутизатора и графа сигналов в Angular DevTools, а также упрощенное тестирование компонентов.P.S. В комментариях можно послушать подкаст.
👉 https://blog.angular.dev/angular-summer-update-2025-1987592a0b42
❤4👍2🔥2
✨ Джун, мидл, сениор на примере велосипедистов
В чем разница между джуном, мидлом и сеньором? Автор статьи объясняет грейды разработки на простом и понятном примере, обучения езде на велосипеде.
Вот как выглядит это деление по его мнению:
Junior — это как ребенок со страховочными колесами. Ему нужен ментор, который настроит изолированное окружение, даст простую задачу и будет следить, чтобы джун не поехал под грузовик, уронив прод.
Middle — уже уверенно едет сам, без дополнительных колес. Он может самостоятельно решать задачи в рамках существующего проекта, но из-за самоуверенности может предлагать переписать все с нуля на модных технологиях, не всегда вникая в цели бизнеса.
Senior — не просто доедет куда угодно, но и сам соберет себе велосипед. Он самостоятельно закроет сложную задачу, напишет проект с нуля и успешно его зарелизит.
Хочешь узнать, на каком этапе ты и не пора ли снимать дополнительные колеса? Подкаст в комментариях.
👉 https://habr.com/ru/articles/846538/
В чем разница между джуном, мидлом и сеньором? Автор статьи объясняет грейды разработки на простом и понятном примере, обучения езде на велосипеде.
Вот как выглядит это деление по его мнению:
Junior — это как ребенок со страховочными колесами. Ему нужен ментор, который настроит изолированное окружение, даст простую задачу и будет следить, чтобы джун не поехал под грузовик, уронив прод.
Middle — уже уверенно едет сам, без дополнительных колес. Он может самостоятельно решать задачи в рамках существующего проекта, но из-за самоуверенности может предлагать переписать все с нуля на модных технологиях, не всегда вникая в цели бизнеса.
Senior — не просто доедет куда угодно, но и сам соберет себе велосипед. Он самостоятельно закроет сложную задачу, напишет проект с нуля и успешно его зарелизит.
Хочешь узнать, на каком этапе ты и не пора ли снимать дополнительные колеса? Подкаст в комментариях.
👉 https://habr.com/ru/articles/846538/
😁13🥴8❤3💩2🤮1🤡1👀1
✨ Angular получил свой shadcn/ui
Если вы работали в React с библиотекой shadcn/ui, то эта новость вас заинтересует.
Zard UI — это новая библиотека компонентов, которая объединяет мощь TailwindCSS и последние возможности Angular.
👉https://zardui.com/
Если вы работали в React с библиотекой shadcn/ui, то эта новость вас заинтересует.
Zard UI — это новая библиотека компонентов, которая объединяет мощь TailwindCSS и последние возможности Angular.
👉https://zardui.com/
👍12✍7👎3💩3🔥2
✨ Не доверяй и проверяй, или как я валидировал ссылку в JavaScript
Думаете, что new URL(url) — надежный способ проверить ссылку в JavaScript? Как бы не так. Этот встроенный инструмент может пропустить URL, который ваш бэкенд справедливо сочтет некорректным.
Глазырин Сергей рассказал о пяти методах валидации ссылок, включая HTML-валидацию, сторонние библиотеки, запросы с использованием fetch или axios, регулярные выражения и, наконец, new URL(). Статья анализирует ограничения и преимущества каждого подхода.
👉 https://habr.com/ru/companies/tbank/articles/944084/
Думаете, что new URL(url) — надежный способ проверить ссылку в JavaScript? Как бы не так. Этот встроенный инструмент может пропустить URL, который ваш бэкенд справедливо сочтет некорректным.
Глазырин Сергей рассказал о пяти методах валидации ссылок, включая HTML-валидацию, сторонние библиотеки, запросы с использованием fetch или axios, регулярные выражения и, наконец, new URL(). Статья анализирует ограничения и преимущества каждого подхода.
👉 https://habr.com/ru/companies/tbank/articles/944084/
🔥4👍1👏1
Если обновляли пакеты сегодня — проверьтесь
https://www.aikido.dev/blog/npm-debug-and-chalk-packages-compromised
https://www.aikido.dev/blog/npm-debug-and-chalk-packages-compromised
www.aikido.dev
npm debug and chalk packages compromised
The popular packages debug and chalk on npm have been compromised with malicious code
😢15😭2🤡1🐳1
✨ Signals Form
Команда Angular активно интегрирует сигналы в существующие API, и формы не остались в стороне.
Angular 21.0.0-next.2 представил Signal Forms. Главная идея — использовать сигналы как единственный источник правды для состояния формы. С этим дополнением общее количество возможных форм в Angular становится равным трем.
Пока они находятся на экспериментальной стадии и могут измениться в будущих релизах.
👉 https://dev.to/this-is-angular/signals-form-introduction-11d1
Команда Angular активно интегрирует сигналы в существующие API, и формы не остались в стороне.
Angular 21.0.0-next.2 представил Signal Forms. Главная идея — использовать сигналы как единственный источник правды для состояния формы. С этим дополнением общее количество возможных форм в Angular становится равным трем.
Пока они находятся на экспериментальной стадии и могут измениться в будущих релизах.
👉 https://dev.to/this-is-angular/signals-form-introduction-11d1
🔥30👍5❤3🤡1
✨ Библиотека компонентов на Angular
Задумывались о создании собственного UI Kit на Angular, но это казалось слишком сложным? На самом деле, это вполне разумный инженерный выбор. Как минимум разработка библиотеки решает проблемы с отсутствующими компонентами и сложностями кастомизации.
В статье полный гайд по созданию своей библиотеки с нуля.
👉 https://habr.com/ru/articles/914156/
Задумывались о создании собственного UI Kit на Angular, но это казалось слишком сложным? На самом деле, это вполне разумный инженерный выбор. Как минимум разработка библиотеки решает проблемы с отсутствующими компонентами и сложностями кастомизации.
В статье полный гайд по созданию своей библиотеки с нуля.
👉 https://habr.com/ru/articles/914156/
👍13🔥6
✨ Push-Notifications в PWA и браузере
В отличие от нативных приложений, веб-push не требует установки из App Store, обновляется автоматически и работает на всех платформах.
В статье разбираем, как построить всю систему с нуля, используя только нативные API.
👉 https://habr.com/ru/articles/945870/
В отличие от нативных приложений, веб-push не требует установки из App Store, обновляется автоматически и работает на всех платформах.
В статье разбираем, как построить всю систему с нуля, используя только нативные API.
👉 https://habr.com/ru/articles/945870/
👍4🔥3👀1
✨ Полный реактивный цикл в Angular
С приходом сигналов в Angular реактивное программирование вышло на новый уровень. Однако до недавнего времени оставался открытым вопрос: как организовать полный цикл, включающий не только загрузку данных, но и их изменение через формы и отправку обратно на сервер? Теперь этот пробел частично устранен.
Ключевую роль в этом играют Signal Forms — новый прототип для работы с формами, полностью построенный на сигналах.
В статье на конкретном примере показано, как с их помощью, а также других инструментов, выстроить единый и предсказуемый data flow.
👉 https://www.angulararchitects.io/en/blog/full-cycle-reativity-in-angular-signal-forms-signal-store-resources-mutation-api/
С приходом сигналов в Angular реактивное программирование вышло на новый уровень. Однако до недавнего времени оставался открытым вопрос: как организовать полный цикл, включающий не только загрузку данных, но и их изменение через формы и отправку обратно на сервер? Теперь этот пробел частично устранен.
Ключевую роль в этом играют Signal Forms — новый прототип для работы с формами, полностью построенный на сигналах.
В статье на конкретном примере показано, как с их помощью, а также других инструментов, выстроить единый и предсказуемый data flow.
👉 https://www.angulararchitects.io/en/blog/full-cycle-reativity-in-angular-signal-forms-signal-store-resources-mutation-api/
🗿3🔥2👍1
✨ Почему в Linux «Всё есть файл»?
Концепция «Всё есть файл» в UNIX-подобных системах — не просто красивая метафора, а ключевая архитектурная идея, которая позволяет унифицировать работу с разными ресурсами. Вместо множества разрозненных интерфейсов для дисков, устройств или сетевых соединений система предлагает общий подход.
Однако не следует воспринимать утверждение «Всё есть файл» буквально. Оно обобщает удобную и полезную абстракцию, а не исключает существование специальных API и исключений.
👉 https://habr.com/ru/companies/timeweb/articles/944454/
Концепция «Всё есть файл» в UNIX-подобных системах — не просто красивая метафора, а ключевая архитектурная идея, которая позволяет унифицировать работу с разными ресурсами. Вместо множества разрозненных интерфейсов для дисков, устройств или сетевых соединений система предлагает общий подход.
Однако не следует воспринимать утверждение «Всё есть файл» буквально. Оно обобщает удобную и полезную абстракцию, а не исключает существование специальных API и исключений.
👉 https://habr.com/ru/companies/timeweb/articles/944454/
❤4👍4🔥2
✨ Angular 19+. Пытается удержаться на плаву
Новые версии Angular привнесли множество новых API. Но вместе с этим, ощущение, что фреймворк теряет свою уникальность и все больше становится сборной солянкой решений из React, SolidJS и Svelte.
Максим Долгих задается вопросом: не исчезает ли сама архитектурная ценность Angular за постоянными заимствованиями?
Главные претензии: сигналы дублируют RxJS, effect() копирует useEffect из React, а SSR ломает изначальную философию SPA. Разработчикам приходится работать сразу с несколькими парадигмами, что усложняет поддержку и найм. Angular остается мощным инструментом, но вместо ясного пути развития мы видим гибрид всего и сразу.
Статья не является полным осуждением, а скорее призывом к дискуссии о будущем Angular и его экосистемы.
👉 https://itnext.io/angular-19-trying-to-stay-afloat-abee8fcfae53?sk=7e744d055f73006033af1ef3bd651010
Новые версии Angular привнесли множество новых API. Но вместе с этим, ощущение, что фреймворк теряет свою уникальность и все больше становится сборной солянкой решений из React, SolidJS и Svelte.
Максим Долгих задается вопросом: не исчезает ли сама архитектурная ценность Angular за постоянными заимствованиями?
Главные претензии: сигналы дублируют RxJS, effect() копирует useEffect из React, а SSR ломает изначальную философию SPA. Разработчикам приходится работать сразу с несколькими парадигмами, что усложняет поддержку и найм. Angular остается мощным инструментом, но вместо ясного пути развития мы видим гибрид всего и сразу.
Статья не является полным осуждением, а скорее призывом к дискуссии о будущем Angular и его экосистемы.
👉 https://itnext.io/angular-19-trying-to-stay-afloat-abee8fcfae53?sk=7e744d055f73006033af1ef3bd651010
👍21🤡13🔥5❤2😁1
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
Если обновляли пакеты сегодня — проверьтесь https://www.aikido.dev/blog/npm-debug-and-chalk-packages-compromised
Еще 40+ вредоносных npm пакетов подъехало, разбирайте — среди них много angular related.
Проверяйте свои проекты https://www.stepsecurity.io/blog/ctrl-tinycolor-and-40-npm-packages-compromised
Проверяйте свои проекты https://www.stepsecurity.io/blog/ctrl-tinycolor-and-40-npm-packages-compromised
www.stepsecurity.io
ctrl/tinycolor and 40+ NPM Packages Compromised - StepSecurity
The popular @ctrl/tinycolor package with over 2 million weekly downloads has been compromised alongside 40+ other NPM packages in a sophisticated supply chain attack dubbed "Shai-Hulud". The malware self-propagates across maintainer packages, harvests AWS/GCP/Azure…
🤬15🔥3🤯3👍2🤣2👏1
✨ За горизонтом: как Angular внедряет ИИ для приложений нового поколения
В блоге команды Angular вышла статья, как они активно интегрирует генеративный AI в экосистему фреймворка. Речь не просто об адаптации к трендам, а о создании инструментов, которые помогут LLM генерировать качественный и современный код для Angular-приложений.
В статье представили Web Codegen Scorer — open-source инструмент для оценки качества AI-сгенерированного кода. Он позволяет анализировать типичные ошибки LLM и быстрее адаптировать их под новые возможности Angular.
👉 https://blog.angular.dev/beyond-the-horizon-how-angular-is-embracing-ai-for-next-gen-apps-7a7ed706e1a3
В блоге команды Angular вышла статья, как они активно интегрирует генеративный AI в экосистему фреймворка. Речь не просто об адаптации к трендам, а о создании инструментов, которые помогут LLM генерировать качественный и современный код для Angular-приложений.
В статье представили Web Codegen Scorer — open-source инструмент для оценки качества AI-сгенерированного кода. Он позволяет анализировать типичные ошибки LLM и быстрее адаптировать их под новые возможности Angular.
👉 https://blog.angular.dev/beyond-the-horizon-how-angular-is-embracing-ai-for-next-gen-apps-7a7ed706e1a3
💩13🤮6🔥3👍2💔1
✨ Вам больше не нужен JavaScript
Современные CSS и HTML могут заменить значительную часть JavaScript. Забудьте про раздувшиеся node_modules и тормоза, веб может быть проще и эффективнее.
Автор статьи доказывает, что современный CSS стал настолько мощным, что способен выполнять множество задач: начиная со сложных анимаций и заканчивая логикой компонентов.
👉 https://habr.com/ru/articles/946498/
Современные CSS и HTML могут заменить значительную часть JavaScript. Забудьте про раздувшиеся node_modules и тормоза, веб может быть проще и эффективнее.
Автор статьи доказывает, что современный CSS стал настолько мощным, что способен выполнять множество задач: начиная со сложных анимаций и заканчивая логикой компонентов.
👉 https://habr.com/ru/articles/946498/
🤡19😁18👍5🔥1
✨ afterRenderEffect, afterNextRender, afterEveryRender & Renderer2
В Angular, кроме привычных сигналов, есть и другие полезные инструменты: afterRenderEffect, afterNextRender, afterEveryRender и Renderer2.
Они выглядят похоже, но решают разные задачи, поэтому часто остаются в тени и вызывают путаницу.
Читайте статью, чтобы увидеть наглядные примеры кода и разобраться, какой инструмент лучше подходит для ваших целей.
👉 https://www.angularspace.com/afterrendereffect-afternextrender-aftereveryrender-renderer2/
В Angular, кроме привычных сигналов, есть и другие полезные инструменты: afterRenderEffect, afterNextRender, afterEveryRender и Renderer2.
Они выглядят похоже, но решают разные задачи, поэтому часто остаются в тени и вызывают путаницу.
Читайте статью, чтобы увидеть наглядные примеры кода и разобраться, какой инструмент лучше подходит для ваших целей.
👉 https://www.angularspace.com/afterrendereffect-afternextrender-aftereveryrender-renderer2/
👍10🔥9❤2
🚨 Angular SSR: Патчи безопасности
Недавно команда Angular выпустила внеплановые обновления, связанные с устранением серьезной уязвимости в SSR.
Проблема была в том, что при одновременной обработке нескольких запросов они могли случайно делиться состоянием. В худшем случае это приводило к утечке данных между пользователями.
Патчи выпущены для всех актуальных версий Angular, начиная с 18 и выше. Рекомендуем как можно скорее обновить свои проекты.
👉 https://github.com/angular/angular/security/advisories/GHSA-68x2-mx4q-78m7
Недавно команда Angular выпустила внеплановые обновления, связанные с устранением серьезной уязвимости в SSR.
Проблема была в том, что при одновременной обработке нескольких запросов они могли случайно делиться состоянием. В худшем случае это приводило к утечке данных между пользователями.
Патчи выпущены для всех актуальных версий Angular, начиная с 18 и выше. Рекомендуем как можно скорее обновить свои проекты.
👉 https://github.com/angular/angular/security/advisories/GHSA-68x2-mx4q-78m7
🔥6😱3🤣2👍1
✨ Все о новых Signal Forms
В Angular появился экспериментальный API Signal Forms — новый подход к работе с формами, основанный на сигналах. Это важный шаг к более чистому и реактивному фреймворку, который решает многие классические проблемы с валидацией и управлением состоянием.
Новый API упрощает создание сложных сценариев: от базовых проверок до кастомных синхронных и асинхронных валидаторов. В статье на примере формы управления полетами разбираются все ключевые возможности.
👉 https://www.angulararchitects.io/blog/all-about-angulars-new-signal-forms/
В Angular появился экспериментальный API Signal Forms — новый подход к работе с формами, основанный на сигналах. Это важный шаг к более чистому и реактивному фреймворку, который решает многие классические проблемы с валидацией и управлением состоянием.
Новый API упрощает создание сложных сценариев: от базовых проверок до кастомных синхронных и асинхронных валидаторов. В статье на примере формы управления полетами разбираются все ключевые возможности.
👉 https://www.angulararchitects.io/blog/all-about-angulars-new-signal-forms/
🔥11👍3👏1
✨ Чистый код на TypeScript
Качество кода напрямую влияет на скорость разработки и легкость поддержки проекта. Особенно это актуально для TypeScript, где следование принципам чистого кода помогает делать проекты предсказуемыми, читабельными и профессиональными.
В статье на примерах разбирается, почему избыточный контекст в именах зло, как декларативный подход выигрывает у императивного, и зачем использовать readonly для защиты от случайных мутаций.
👉 https://habr.com/ru/articles/948488/
Качество кода напрямую влияет на скорость разработки и легкость поддержки проекта. Особенно это актуально для TypeScript, где следование принципам чистого кода помогает делать проекты предсказуемыми, читабельными и профессиональными.
В статье на примерах разбирается, почему избыточный контекст в именах зло, как декларативный подход выигрывает у императивного, и зачем использовать readonly для защиты от случайных мутаций.
👉 https://habr.com/ru/articles/948488/
👍5👎2🔥1