rx-angular VS angular-spotify

RFC: @rx-angular/state/signals - extended signal and new eventEmitter

It has been a while now since the Angular team has been exploring (way more than we can think) alternative reactivity models and looking for something that lies between the extremes of naive Zone.js (i.e. Zone.js without OnPush) and Zoneless Angular combined with special pipes & directives like those provided by RxAngular.

I would recommend exploring https://github.com/rx-angular/rx-angular. Contributors did a huge research about using Angular to get the best results.

It also includes RxAngular, a toolset focused on runtime performance and template rendering, and taiga-ui, an UI component library.

There is another reason not to use async pipes. If you provide 'noop' zone, async pipes will stop working. In my experience it's better to start without zones if you know that performance might be a problem in the future. Working without zones has more benefits https://github.com/rx-angular/rx-angular/blob/main/docs/general/zone/why-zone-less.md Here is the list.

Another cool lib which goes into the same direction as NgRx Component Store: https://github.com/rx-angular/rx-angular/blob/master/libs/state/README.md

Here are some examples: https://github.com/rx-angular/rx-angular/blob/master/libs/state/docs/usage.md

We also added listings using the same pattern. This is the first time we used *rxLet. It really makes working with all Observable in the templates easier do check it out. It allows you four states for an observable suspense, error. complete so that you can handle each one of them separately and gets rid of the *ngIf with async pipe. Like if you want to display something else while loading and error is a big disadvantage of the async pipe when used with an api.

I've been obsessed with this. https://github.com/trungk18/angular-spotify

However, it's not an Angular app, if you are looking for an app instead of library, you can check Altair app: https://github.com/altair-graphql/altair/tree/master/packages/altair-app or angular sptify, https://github.com/trungk18/angular-spotify/tree/main/libs/web (Uses NX monorepos to maintain the libraries)

This is a reasonably complex public example you can reference: https://github.com/trungk18/angular-spotify/tree/main/libs/web - this is specifically an Nx project so it is broken up into libs, but the architecture would translate to what I'm talking about in the video.

Find some good versatile Github Repos / Tutorials and try to follow them / reverse engineer /rebuild them. For example: https://angularexpo.com/minimis-real-world-angular-app-example/ https://github.com/trungk18/jira-clone-angular https://github.com/trungk18/angular-spotify https://itnext.io/building-beautiful-tiktok-clone-with-angular-and-micro-frontend-part-1-bdd189425695 https://github.com/Jon-Peppinck/linkedin-clone

My favourite example of this approach being done well is the angular-spotify project by Trung Vo: https://github.com/trungk18/angular-spotify

Spotify clone The one that u/internetroamer recommended in an earlier post

I would suggest looking at projects like this and even better this.