Поиск на RxJS и Taiga UI

Привет, Хабр! Я Антон Марченко, разработчик в Т-Банке. Поделюсь интересной задачей по работе с потоками на RxJS, которую мы однажды решали. Представьте HR-портал ИТ-компании, в котором реализован поиск по постам и статьям. Нам предстояло внедрить на сайт несколько внешних поисков: по пользователям, ссылкам и исходникам. А еще предусмотреть скелетоны и обработку ошибок и заложить возможность добавлять новые внешние источники поиска динамически, не дорабатывая каждый раз пользовательский интерфейс.

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

#angular #вебразработа #rxjs

Angular Signals + RxJS: объединяем два реактивных мира в одном стейт-менеджере

Angular долгое время ассоциировался с RxJS. Даже слишком: многие разработчики ощущали, что без Observable ничего не работает. Но вот в Angular 17 появляются Signals — синхронная реактивность прямо из коробки. В 17+ — они становятся мейнстримом. Возникает вопрос: а что делать с RxJS? Выбрасывать? Signals и RxJS — не конкуренты, а два мощных инструмента для решения разных задач. И если их правильно сочетать, можно построить удобную, масштабируемую и эффективную архитектуру.

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

#signal #rxjs #angular

Take a look inside observables with Bob Fornal at TechBash 2025.

Join us Nov 4-7 in the Poconos! Learn more and register: https://techbash.com/

#developers #angular #rxjs #javascript #webdev #kalahari #nepa

От магии до понятной структуры: разбираемся, как работает Change Detection в Angular

В Angular любое изменение в компоненте, которое отображается на экране, является результатом работы механизма отслеживания изменений (Change Detection, CD). За этим процессом стоит Zone.js, который можно представить в роли дирижера, сообщающего компонентам о необходимости обновить DOM. Zone.js не запускает CD сам. Он лишь создает контекст, в котором Angular потом может его запустить. Его задача только уведомлять Angular о завершении асинхронных операций, после чего Angular решает, нужно ли проверять изменения. Чтобы понять важность такого подхода, нужно учитывать особенности JavaScript. В JavaScript асинхронные операции, такие как setTimeout или fetch, разрывают стек вызовов. Это значит, что callback-функция, выполняемая после завершения асинхронной операции, не имеет информации о контексте, в котором она была вызвана. Для фреймворка, который отслеживает изменения, это создает определенные трудности: как узнать, что асинхронная операция завершилась и, возможно, изменила данные? Заглянуть под капот

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

#Angular #Change_Detection #Zonejs #Zoneless #Angular_Signals #Производительность #Оптимизация #RxJS #Архитектура #javascript

Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем

Как говорил дядя Бен, большие продукты — это большая ответственность. И без сложных интерфейсов тут никуда: а с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций. Для МойОфис как мультипродуктовой экосистемы со сквозными сценариями — все эти вопросы очень актуальны! Поэтому на прошлой неделе JS-еры, дизайнеры и UX-исследователи нашей и других компаний собрались на митапе под названием Frontend&UX Talks, чтобы обсудить эти и другие проблемы современного веба. Получилось интересно, драйвово и даже сказочно! (и я в прямом смысле этого слова :)) Под катом расскажем в 7 тезисах, к каким выводам пришли и как именно: поехали! О фронтенде в 2025-м году мы поняли, что... Понятный и простой код — куда важнее, чем кажется Примитивы это сказка! (причем буквально...) Реактивное программирование актуальное и удобное! Но не для всех... Следить за CSS обновлениями каждый квартал – базовый минимум Темизация это нелегко, но есть лазейки! Редизайны продуктов – это не страшно! (ну почти...) За сложными интерфейсами – глаз да глаз...

https://habr.com/ru/companies/ncloudtech/articles/924704/

#javascript #ux #митап #css #дизайнсистема #интерфейсы #фигма #figma #js #rxjs

Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем

Как говорил дядя Бен, большие продукты — это большая ответственность. И без сложных интерфейсов тут никуда: а с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций. Для

https://habr.com/ru/companies/ncloudtech/articles/924704/

#javascript #ux #митап #css #дизайнсистема #интерфейсы #фигма #figma #js #rxjs

Do you want to understand core concepts and operations of Reactive Programming nice and easy?

Dive into our tutorial, Rx Playground!
👉 http://sml.io/rxplayground

Rx Playground gives you:
✅ Interactive learning with real-time data flow
✅ Fun environment to experiment with Rx operators
✅ Beginner-friendly tutorial with advanced use cases

📚 Learn how operators like map, merge, switchMap, debounceTime, and more really work by seeing them in action.

#reactiveprogramming #RxJS #threejs

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

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

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

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

Explore #RxJS best practices designed for today’s modern ecosystem!

This #InfoQ article guides you through patterns that scale from Angular 16 all the way to Angular 17/18, helping you write cleaner, more efficient, and future-proof code.

📰 Read now: https://bit.ly/44Uvj7H

#Angular #Angular17 #Angular18 #WebDevelopment

People keep saying RxJS (well, observables) aren't suitable for React.

No, RxJS (and observables) are absolutely perfect for React.

#RxJS #React #ReactJS #FrontendDevelopment #Frontend