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

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

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

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

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

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

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

IT IS A FUCKING GEM....

interval(50)
    .pipe(
        filter(() => storageService.isReady()),
        retry(100)
    )
    .pipe(take(1))
    .subscribe(() => {
        console.log("storage ready");
    })

I know how powerful #rxjs can be, but sometimes it's REALLY hurting my brain....

Angular Observables and Promises: A Practical Guide to Asynchronous Programming by Abdelfattah Ragab

The e-book is only available on the author's website https://books.abdelfattah-ragab.com with amazing discounts of up to 40%.

#angular #rxjs #observables #promises #resolve #reject #asyncawait #subscribe #hotobservables #coldobservables #behaviorsubject #subject #asyncpipe #rxjsoperators #handson #forkjoin #combinelatest

Angular for beginners: Everything you need to know by Abdelfattah Ragab

Available on https://books.abdelfattah-ragab.com

#angular #beginners #students #novice #juniors #angularcli #events #routing #componentlifecycle #forms #dependencyinjection #httpclient #environmentvariables #guards #interceptors #resolvers #lazyloading #templatesyntax #pipes #controlflow #styles #observables #rxjs #operators

I've been pondering about creating EventSourcing, CQRS & DDD scaffolding from scratch in TypeScript.

There doesn't seem to be an OpenSource basic scaffolding for this using RxJS? ( I mean the basic bang like NgRx ).

DDD -> NgRx
- Command -> Action ( in imperative )
- Command Handler -> Effect
- Domain Event -> Action ( in past tense )
- Aggregate state -> a Store entry
- Aggregate state's apply -> Reducer

Did I get this right?

#RxJS #CQRS #EventSourcing #DDD #NgRx #TypeScript #OpenSource

Angular Observables and Promises: A Practical Guide to Asynchronous Programming by Abdelfattah Ragab

Available on https://shop.tredition.com and https://www.amazon.com

#angular #rxjs #observables #promises #resolve #reject #asyncawait #subscribe #hotobservables #coldobservables #behaviorsubject #subject #asyncpipe #rxjsoperators #handson #forkjoin #combinelatest #lastvaluefrom #merge #map #filter #take #debouncetime #exhaustmap #switchmap #catcherror #concatmap #mergemap #tap

Angular for beginners: Everything you need to know by Abdelfattah Ragab

Available on https://shop.tredition.com and https://www.amazon.com

#angular #beginners #students #novice #juniors #angularcli #events #routing #componentlifecycle #forms #dependencyinjection #httpclient #environmentvariables #guards #interceptors #resolvers #lazyloading #templatesyntax #pipes #controlflow #styles #observables #rxjs #operators

Having worked with #Angular in-depth for 2 years now, I can articulate what I don’t like about the #framework.

1. #RxJS is a terrible primitive to build most #CRUD software upon. #Promises are better for most things, and event listeners are fine.

2. Its #DI system encourages long-lived, easily-accessible Singletons that are serious “foot guns.”

3. Data management is painful. Resolvers are a worse DX than either #EmberJS’s Ember Data or #React’s TanStack Query.

#JavaScript #JS #FrontEnd

Master Asynchronous JavaScript with RxJS.

https://buff.ly/41lIkVY
#javascript #rxjs #async #webdev #webdevelopment

Who's excited about observables in the browser like I am?
#reactive #observable #rxjs but not rxjs

https://wicg.github.io/observable/

New article!

I rewrote my blog build scripts to eliminate Gulp, and used RxJS for the file streams. I wrote down what I learned:

https://adaedra.eu/gulp-to-rxjs/

#JavaScript #TypeScript #RxJS

Since it's related, here's the `removeEventListener` API I wish we had:

```javascript
const removeListener = window.addEventListener('something', () => { /* ... */ });

await someTime();

removeListener();
```

Benefits:
1. You only provide the handler once, so it works great with lambdas. You don't need to keep a reference to the handler just to remove it later.
2. You don't need to provide the event twice. It's additional information to hard-code and/or dynamically track.
3. You can't accidentally `removeEventListener` on a function which was not bound in the first place (which is a no-op that often indicates a bug such as `removeEventListener('something', foo.bind(this)`).

This design is basically a copy of the way #RxJS handles subscriptions, but I find this much more ergonomic and intuitive.

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

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

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

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

How do I convince my coworkers working on the frontend that modifying class state from within `.subscribe`s tends to lead to race conditions and render jank …

#angular #rxjs