Как выжить в мире сложных интерфейсов в 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 до дизайн-систем

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

Хабр

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

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

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

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

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

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

Хабр

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 #обновление

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

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

Хабр

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

RxJS Best Practices in Angular 16: Avoiding Subscription Pitfalls and Optimizing Streams

This article explores modern Angular (16+) RxJS best practices, emphasizing AsyncPipe for template subscriptions, flattening streams with operators, error handling strategies, and more.

InfoQ

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

Has anyone here worked with RxDB (https://rxdb.info) before? 🤔

(Have I asked this question beige? 😅)

I like the concept and it seems robust from what I’ve been reading on the docs, but something about it rubs me the wrong way.

The tracking during dev perhaps that’s not possible to turn off? The quite aggressive marketing of the premium version? The constant popups while reading the docs?

Unsure, but I’d like to hear from people who have used it, if there are any.

#localFirst #js #rxjs

RxDB - JavaScript Database | RxDB - JavaScript Database

RxDB is a fast, local-first NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and Node.js

Toying with Javascript Promise and async and the like, I tried my own wrapper. The outcome was, I realized, somewhat like RxJS. Though in the example I toyed with, my wrapper could not genuinely deliver the outcome of a list of Promises (or setTimeout calls) and **tell when all were finished**.

So I looked how RxJS does it and ... it doesn't either 😎 . See https://codeberg.org/harald/Codeschnipselnotizen/src/branch/main/typescript/RxjsDoesNotWait.ts

https://rxjs.dev/guide/observable

#typescript #javascript #promise #rxjs #async #asynchell #programming

Codeschnipselnotizen/typescript/RxjsDoesNotWait.ts at main

Codeschnipselnotizen - Code snippets and notes

Codeberg.org

[Перевод] Что новенького в Angular 19

Всем привет, с вами Максим Иванов , и сегодня мы поговорим о некоторых улучшениях, которые появились в последней версии Angular 19 , вышедшей в ноябре 2024. Публикация довольно запоздалая с этой точки зрения, но мы сегодня постараемся рассмотреть некоторые нововведения более детально. Как и всегда ребята из Google дарят нам что-то новое, что сделает наши приложения еще более быстрыми и эффективными. И в этом нам помогут модерновые реактивные примитивы, инкрементальная гидратация и многое другое.

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

#angular #angular2 #angularjs #angular_19 #rxjs #signal #google

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

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

Хабр

IT IS A FUCKING GEM....

interval(50) .pipe( filter(() => storageService.isReady()), retry(100) ) .pipe(take(1)) .subscribe(() => { console.log("storage ready"); })
And I absolutely hate it.
#rxjs #javascript #typescript