🗺️ New package: `@ngworker/router-signal-store` 17.0.0

An #NgRx SignalStore-based version of `@ngworker/router-component-store` with no #RxJS dependency.

- `RouterSignalStore` shared API for DI
- `provideLocalRouterSignalStore` for local router signal store, a replacement for `ActivatedRoute`
- `provideGlobalRouterSignalStore` for global router signal store, a replacement for NgRx Router Store
- Strong and strict typing
- Serializable router state

https://github.com/ngworker/router-component-store/releases/tag/router-signal-store-v17.0.0
#OpenSource #Angular

🗺️ Router Component Store release 17.0
- Require #Angular 17
- Require #NgRx ComponentStore 17
- Require TypeScript 5.2
#OpenSource
https://github.com/ngworker/router-component-store/releases/tag/v17.0.0

🗺️ Router Component Store (@ngworker/router-component-store) release 16.0.0
- Add `selectRouteDataParam(param)` and deprecate `selectRouteData(param)`
- Require Angular 16, NgRx 16, RxJS 7.5, TypeScript 4.9
https://github.com/ngworker/router-component-store/releases/tag/v16.0.0
#NgRx #Angular

🗺️ Router Component Store (@ngworker/router-component-store) release 15.0.0
A strictly typed lightweight alternative to NgRx Router Store (@ngrx/router-store) and ActivatedRoute.
- Support array query params
- Use strict types for router params, query params, and route data
- A shared API (RouterStore) for global/local router store
- A local router store matches ActivtatedRoute
- The global router store matches NgRx Router Store selectors
https://github.com/ngworker/router-component-store/releases/tag/v15.0.0
#NgRx #Angular

NGRX in Angular: Optimales #StateManagement für moderne #AngularApps – Skalierbar, performant & zukunftssicher! #NGRX #WebDevelopment #Frontend #coding https://medium.com/@m.goschka/ngrx-as-a-state-management-solution-for-angular-b7d60e702ad6

Jumping back into #Angular after about 3 years, an old side project I was working on, and abandoned. Updated it to Angular 19, it's slowly coming back to me, but struggling a little bit with the #NgRx/data stuff that I'd set up.

@ngworker/router-component-store prerelease 15.0.0-rc.2
Support array query parameters like `/shirts?size=m&size=l&size=xl`.
https://github.com/ngworker/router-component-store/releases/tag/v15.0.0-rc.2
#Angular #OpenSource #NgRx

NgRx SignalStore: An effortless solution for state management by Abdelfattah Ragab

This book is being published today and is not yet available anywhere online except on the author's website. It has been submitted to other book publishers, but it will be some time before you can buy it anywhere else.
The e-book is only available on the author's website https://books.abdelfattah-ragab.com with amazing discounts of up to 40%.

#ngrx #signalstore #signals #angular #statemanagement

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

Как использовать менеджер состояний NgRx для Angular-проектов

Всем привет! Меня зовут Ильмир, я frontend-разработчик SimbirSoft. Это моя первая статья, в которой я хотел бы разобрать тему менеджера состояний в Angular.

https://habr.com/ru/companies/simbirsoft/articles/851362/

#angular #frontend #разработка #ngrx #typescript

🗺️ @ngworker/router-component-store prerelease 15.0.0.-rc.1 with DX improvements https://github.com/ngworker/router-component-store/releases/tag/v15.0.0-rc.1 #OpenSource #Angular #NgRx

🗺️ The @ngworker/router-component-store 15.0.0-rc.0 prerelease has been published
https://github.com/ngworker/router-component-store/releases/tag/v15.0.0-rc.0

- Local router stores match ActivatedRoute more closely (breaking changes to currentRoute$)
- The optional type parameter has been removed from RouterStore#selectRouteData
- Strict and immutable state:
- Route data
- Route parameters
- Query parameters

A migration guide is in the release notes.
#OpenSource #Angular #NgRx

After using Data Binding, BehaviourSubjects and Component Store, we moved most of our state into an ngrx Store. Although it might seem heavyweight, its design is very sophisticated and superior to all other state stores due to the concept of actions. This helps in very complex scenarios to maintain sanity, separation of concerns and allows to write isolated tests.

#Angular #ngrx #state #frontend

Any NGRX + shared web worker + websockets projects you know of?

I drew blanks on Google fu.

Also is this a bad idea,
@brandontroberts ?

#NGRX #Angular #WebSockets

#angular #ngrx #signalstore #typescript

I'm at the beginning of experimenting with the ngrx signalStore and it's fascinating! But if you want to write own extensions which should support "naming" like the "withEntities" extension of ngrx (add multiple instances of the extension to a store with different prefixes) you have to jump through some TypeScript hoops if you want typesafety and good code completion.

Here are my helpers:
https://gist.github.com/flensrocker/a77fff4fcb06c3de0fd0504fd4fac195

@angular
@rainerhahnekamp
@LayZee

Refreshed my #Angular & #NGRX knowledge and built an addictive incremental coffee clicker game :)

https://leas-incremental-coffee.netlify.app/
https://github.com/learosema/coffee-game

Can I ask about how to approach accessing navigation in component-store. I want to access a param in the URL from the component-store and I’m currently doing it by using the `bindToComponentInputs` to get the param from the url and then passing it as a parameter to the effect. Does this seem right? Should I just be accessing the routing in the component store by injecting the ActivatedRoute instead and subscribing to it? #NgRx #NgRxComponentStore #Router

I’m doing an internal workshop on the different state management options for angular in work next week, just one day before ng17 drops. Exciting times. I’m no expert on the topic, just a bit of an enthusiast who likes talking about it 😂
#Angular #Angular17 #NgRx #RxJS #Signals

@angular #angular #ngrx

And don’t forget the new ngrx/signals package :excited:

https://www.npmjs.com/package/@ngrx/signals

From: @LayZee
https://mastodon.nu/@LayZee/111325716672406308

#NgRx 17 introduces the @ngrx/operators package. It exposes concatLatestFrom and tapResponse in a standalone package https://github.com/ngrx/platform/pull/4097 #Angular