#ngrx — Public Fediverse posts

🗺️ 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

🗺️ 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 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 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

🗺️ 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

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.

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

@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

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

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

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

🗺️ @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

🗺️ 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

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

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

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

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

@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

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

Whenever I have a little time on my hands, I work on the first stable release of 🛣️ Router Component Store
https://www.npmjs.com/package/@ngworker/router-component-store

A deep dive into the Angular Router and hundreds of tests later, we'll get there 😅

#Angular #NgRx #OpenSource

Whenever I have a little time on my hands, I work on the first stable release of 🛣️ Router Component Store
https://www.npmjs.com/package/@ngworker/router-component-store

A deep dive into the Angular Router and hundreds of tests later, we'll get there 😅

#Angular #NgRx #OpenSource

That scene in the Matrix where Neo says, "I know #NgRx" is so unrealistic. If it had worked, he'd have said "Really, no one can understand NgRx" which would demonstrate he'd learned everything possible.

That scene in the Matrix where Neo says, "I know #NgRx" is so unrealistic. If it had worked, he'd have said "Really, no one can understand NgRx" which would demonstrate he'd learned everything possible.

@baerry I'm planning to look at Signals, I'll play with it before deciding whether to swap from #NgRx.
It will also mean upgrading the project to v16. I seem to spend almost as much time upgrading it as I do working on it. One of the hassles of side-projects

@baerry I'm planning to look at Signals, I'll play with it before deciding whether to swap from #NgRx.
It will also mean upgrading the project to v16. I seem to spend almost as much time upgrading it as I do working on it. One of the hassles of side-projects

I've recently come back to my #angular project, updated to #angular 15. I've used #NgRx Entity in it. I'm just wondering what the current feeling/mood is towards NgRx and more specifically the NgRx Entity.

On the plus side, I've managed to get it working with paginating my data server-side.

I've recently come back to my #angular project, updated to #angular 15. I've used #NgRx Entity in it. I'm just wondering what the current feeling/mood is towards NgRx and more specifically the NgRx Entity.

On the plus side, I've managed to get it working with paginating my data server-side.

We’ve just moved from light-weight component-store to the more heavy-weight ngrx/store. But, if you have complex state and lots of inputs modifying state, the concept of „actions“ really makes the difference in writing maintainable and testable code. Also, the redux browser tools are amazing, no need for console.logs and you can even time travel trough your app. 🤯Kudos.

#ngrx #angular #state

We’ve just moved from light-weight component-store to the more heavy-weight ngrx/store. But, if you have complex state and lots of inputs modifying state, the concept of „actions“ really makes the difference in writing maintainable and testable code. Also, the redux browser tools are amazing, no need for console.logs and you can even time travel trough your app. 🤯Kudos.

#ngrx #angular #state

Fixed a couple of stylesheet niggles after moving from #Bootstrap4 to #Bootstrap5. Fixed a few bugs and found a #StackOverflow question I asked a couple of years ago in the process.
It's hard coming back to a technology after a couple of years, I've forgotten so much. It's slowly coming back. As an #angular project with smart/dumb components and #NgRx entity stores, there's a bit of complexity there that I had forgotten all about.
Side projects are fun, and it helps to keep the skills sharp.

Fixed a couple of stylesheet niggles after moving from #Bootstrap4 to #Bootstrap5. Fixed a few bugs and found a #StackOverflow question I asked a couple of years ago in the process.
It's hard coming back to a technology after a couple of years, I've forgotten so much. It's slowly coming back. As an #angular project with smart/dumb components and #NgRx entity stores, there's a bit of complexity there that I had forgotten all about.
Side projects are fun, and it helps to keep the skills sharp.

Next issue with my #angular project is to fix some more of my tests. Most of them seem to be an issue with #NgRx. I have components using Entity Services, (EntityCollectionServiceBase) and I just can't get the #Jest test set up properly to inject them. And I can't find a decent example.
Anyway, time to park it for the evening.

Next issue with my #angular project is to fix some more of my tests. Most of them seem to be an issue with #NgRx. I have components using Entity Services, (EntityCollectionServiceBase) and I just can't get the #Jest test set up properly to inject them. And I can't find a decent example.
Anyway, time to park it for the evening.

Fixed another major issue with my #jest tests where it was including the #NgRx modules, and throwing errors. Now only 22 failing tests out of 176. #Angular.

Fixed another major issue with my #jest tests where it was including the #NgRx modules, and throwing errors. Now only 22 failing tests out of 176. #Angular.

Damn, first time I've looked at my #Angular code in a couple of years. I've upgraded from v12 to v15, and things have unsurprisingly changed. I'm having issues with #NgRx and I can't remember enough about it to fix it. I'm going to have to relearn it.

Damn, first time I've looked at my #Angular code in a couple of years. I've upgraded from v12 to v15, and things have unsurprisingly changed. I'm having issues with #NgRx and I can't remember enough about it to fix it. I'm going to have to relearn it.

NgRx Signal Store RFC: https://github.com/ngrx/platform/discussions/3796

Interesting 🤔

#Angular #NgRx

NgRx Signal Store RFC: https://github.com/ngrx/platform/discussions/3796

Interesting 🤔

#Angular #NgRx

Next week begins our new 4-part (German) webinar series on Angular web apps! We'll discuss stores, forms, animations, and deployment every other week. Join for free: https://www.thinktecture.com/angular-web-apps/ #angular #webinar #ngrx

Episode 23/04: https://youtu.be/Vm7etXJGNoQ

TypeScript released the beta for version 5, with stable support for decorators. They are slightly different from the experimental ones we use in Angular. Furthermore, Minko Gechev gave an update about Angular's roadmap. The focus in 2023 is on reactivity and server-side rendering.

#TypeScript 5 Beta: https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/
#Angular Roadmap 2023: https://youtu.be/7dm4Gif7A5o

Minor Releases:
- #NgRx 15.2 - support for functional creators: https://github.com/ngrx/platform/blob/master/CHANGELOG.md#1520-2023-01-26
- #Nx 15.6: https://github.com/nrwl/nx/releases/tag/15.6.0
- #Cypress 12.4: https://docs.cypress.io/guides/references/changelog#12-4-0
- #Playwright 1.30: https://github.com/microsoft/playwright/releases/tag/v1.30.0
- #Jest 29.4: https://github.com/facebook/jest/releases/tag/v29.4.0

Episode 23/04: https://youtu.be/Vm7etXJGNoQ

TypeScript released the beta for version 5, with stable support for decorators. They are slightly different from the experimental ones we use in Angular. Furthermore, Minko Gechev gave an update about Angular's roadmap. The focus in 2023 is on reactivity and server-side rendering.

#TypeScript 5 Beta: https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/
#Angular Roadmap 2023: https://youtu.be/7dm4Gif7A5o

Minor Releases:
- #NgRx 15.2 - support for functional creators: https://github.com/ngrx/platform/blob/master/CHANGELOG.md#1520-2023-01-26
- #Nx 15.6: https://github.com/nrwl/nx/releases/tag/15.6.0
- #Cypress 12.4: https://docs.cypress.io/guides/references/changelog#12-4-0
- #Playwright 1.30: https://github.com/microsoft/playwright/releases/tag/v1.30.0
- #Jest 29.4: https://github.com/facebook/jest/releases/tag/v29.4.0

This brings us not just reusable components, but reusable architecture patterns and a common improvement of those. I'm coding with Angular since the early beta versions of Angular 2, and within that time, Angular itself, libraries like #RxJS or #NgRx moved forward. [3/4]