#ангуляр — Public Fediverse posts

Формы в Angular: от Reactive Forms к Signal Forms

Привет! Меня зовут Егор Молчанов, я разработчик в компании Домклик. В прошлой статье мы познакомились с новыми функциями input() , output() и model() , которые закладывают фундамент для будущего Angular без Zone.js. Сегодня мы поговорим о том, как эти изменения дошли до самой, пожалуй, наболевшей темы в любом приложении — работы с формами. В Angular v21 появился новый, экспериментальный способ управления формами — Signal Forms . Он не отменяет старые добрые Reactive Forms, но предлагает совершенно иной подход, основанный на сигналах. Давайте разберёмся, как работали формы раньше, как они будут работать с Signal Forms, и что это нам даёт.

https://habr.com/ru/companies/domclick/articles/1018180/

#angular #signals #signal #forms #reactive #javascript #ангуляр #вебразработка #webразработка #формы

Формы в Angular: от Reactive Forms к Signal Forms

Привет! Меня зовут Егор Молчанов, я разработчик в компании Домклик. В прошлой статье мы познакомились с новыми функциями input() , output() и model() , которые закладывают фундамент для будущего Angular без Zone.js. Сегодня мы поговорим о том, как эти изменения дошли до самой, пожалуй, наболевшей темы в любом приложении — работы с формами. В Angular v21 появился новый, экспериментальный способ управления формами — Signal Forms . Он не отменяет старые добрые Reactive Forms, но предлагает совершенно иной подход, основанный на сигналах. Давайте разберёмся, как работали формы раньше, как они будут работать с Signal Forms, и что это нам даёт.

https://habr.com/ru/companies/domclick/articles/1018180/

#angular #signals #signal #forms #reactive #javascript #ангуляр #вебразработка #webразработка #формы

Формы в Angular: от Reactive Forms к Signal Forms

Привет! Меня зовут Егор Молчанов, я разработчик в компании Домклик. В прошлой статье мы познакомились с новыми функциями input() , output() и model() , которые закладывают фундамент для будущего Angular без Zone.js. Сегодня мы поговорим о том, как эти изменения дошли до самой, пожалуй, наболевшей темы в любом приложении — работы с формами. В Angular v21 появился новый, экспериментальный способ управления формами — Signal Forms . Он не отменяет старые добрые Reactive Forms, но предлагает совершенно иной подход, основанный на сигналах. Давайте разберёмся, как работали формы раньше, как они будут работать с Signal Forms, и что это нам даёт.

https://habr.com/ru/companies/domclick/articles/1018180/

#angular #signals #signal #forms #reactive #javascript #ангуляр #вебразработка #webразработка #формы

Формы в Angular: от Reactive Forms к Signal Forms

Привет! Меня зовут Егор Молчанов, я разработчик в компании Домклик. В прошлой статье мы познакомились с новыми функциями input() , output() и model() , которые закладывают фундамент для будущего Angular без Zone.js. Сегодня мы поговорим о том, как эти изменения дошли до самой, пожалуй, наболевшей темы в любом приложении — работы с формами. В Angular v21 появился новый, экспериментальный способ управления формами — Signal Forms . Он не отменяет старые добрые Reactive Forms, но предлагает совершенно иной подход, основанный на сигналах. Давайте разберёмся, как работали формы раньше, как они будут работать с Signal Forms, и что это нам даёт.

https://habr.com/ru/companies/domclick/articles/1018180/

#angular #signals #signal #forms #reactive #javascript #ангуляр #вебразработка #webразработка #формы

Angular и память: как не создавать утечки

Фронтенд-разработка в последние годы стала сложнее. Одностраничные приложения живут часами, пользователи открывают вкладки и оставляют их работать, данные приходят с серверов постоянно. В этом хаосе часто кажется, что главное — чтобы компонент рендерился, а Observable выдавал данные. Но даже в самом аккуратном коде могут появляться утечки памяти. Утечка памяти возникает, когда объекты, которые больше не нужны, остаются в памяти, потому что на них ещё есть ссылки. Для браузера они живы, сборщик мусора их не трогает. Для Angular‑разработчика это важно, потому что:

https://habr.com/ru/articles/949256/

#утечка_памяти #angular #отписки #память #стэк #куча #heap #stack #ангуляр

Angular 20: Большое обновление для современного веба

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

https://habr.com/ru/articles/914934/

#ангуляр #angular_20 #rxjs #javascript #typescript #j #обновление

Чего ждать от Angular в 2025 году? Стратегия

Привет! Меня зовут Андрей, я занимаюсь фронтенд разработкой на Angular. И в последнее время данный фреймворк нравится мне все больше и больше, поэтому мне стало очень интересно, что же ждет Angular в 2025 году. Какие интересные и полезные фичи завезут и вообще, какой вектор развития у фреймворка. Не найдя ни одной статьи на русском на это тему - родилась эта :-) Я разобрал официальную дорожную карту Angular и их стратегию на ближайшие годы . Впереди ускорение, упрощение, новая реактивность и стабильная (возможно) жизнь без zone.js. Давай разбираться, что нас ждёт!

https://habr.com/ru/articles/878866/

#angular #ангуляр #стратегия #2025 #фронтенд #frontend

Введение в фикстуры Playwright

Привет! Я Даниил, занимаюсь разработкой на Angular в T-Банке и хочу поделиться с вами опытом использования фикстур в Playwright. Я решил поговорить об этом, потому что вместе с ростом функциональности проектов растут и сложности при тестировании, а фикстуры предоставляют удобный способ избавиться от дублирующегося кода и сложных моков. Эта статья посвящена основам: зачем нужны фикстуры, чем они отличаются друг от друга и какую пользу приносят при тестировании веб-приложений. Мы подробно разберем устройство фикстур, посмотрим, как их создавать и грамотно внедрять в тесты. А еще рассмотрим практические примеры, которые помогут с легкостью применить полученные знания на реальном проекте. Поехали!

https://habr.com/ru/companies/tbank/articles/877292/

#angular #ангуляр #тестирование #playwright #интеграционное_тестирование #веб #frontend #fixtures #фикстуры

Знакомьтесь: input, output и model. Новые функции в Angular

Привет всем! Меня зовут Егор Молчанов, я разработчик в компании Домклик. Хочу рассказать вам о новых функциях Angular: input() , output() и model() . Они появивились сравнительно недавно и обещают в скором времени заменить привычные нам декораторы @Input и @Output . Разберëм, что они собой представляют, как использовать на практике, и как связаны с концепцией сигналов. Поехали!

https://habr.com/ru/companies/domclick/articles/854530/

#angular #input #output #model #signals #javascript #ангуляр #webразработка #вебразработка

RxJs для самых маленьких

В этой статье мы подробно рассмотрим такую библиотеку как RxJs. Разберем несколько простых примеров и поймем что такое поточность в программировании.

https://habr.com/ru/articles/816755/

#RxJs #асинхронность #поток #потоки #ангуляр

Динамическое создание компонентов Angular на лету

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

https://habr.com/ru/companies/nspk/articles/767178/

#angular #ангуляр #компоненты #ленивая_загрузка #typescript #dom #dynamic #java #frontend #creation