Dany ParedesProwww.danywalls.com·Jun 29, 2024June 2024: NgRx, Angular, and with the CommunityJune has come to an end, and it has been a fantastic month with some changes in my professional life! I want to take a moment to share the great experience I had working with the community and learning about NgRx and testing. Let's take a look back a...Discuss·153 readsdev-lifeAngular
Dany ParedesProwww.danywalls.com·Jun 7, 2024FeaturedHow to Handle Side Effects in Angular Using NgRx EffectsSide-effects! They are one of the most common tasks in our applications. In Angular, but build application if we don't take care the component ends with a lot of responsability, like get, process and render the data. But in Angular most of time when ...Discuss·15 likes·408 readsAngularAngular
Dany ParedesProwww.danywalls.com·Jun 4, 2024How to Use NgRx Selectors in AngularIn NgRx, when we want to get data from the store, the easiest way is by using store.select. It allows us to get any slice of the state. Yes, it sounds funny, but any slice returns an Observable<any>. For example: It is flexible but also risky becaus...Discuss·77 readsAngularNgRx
Dany ParedesProwww.danywalls.com·Jun 3, 2024How to Implement ActionCreationGroup in NgRxWhen you create actions in NgRx, you usually use the createAction function helper. We write our action names with an inline string about the source and the event, like [Cart] Update Price. This action is clearly linked with the Cart feature in our ap...Discuss·64 readsAngularNgRx
Trevor de KoekkoekProfrontangle.dev·Jun 2, 2024Using Angular 16's takeUntilDestroyed()Straight to the Solution: For example, given the following Ngrx Router state: private activeRoute$: Observable<RouterStateUrl>; constructor(private store: Store<AppState>) { this.activeRoute$ = this.store.select(RouterSelectors.selectCurrentRouter...DiscussAngular
Dany ParedesProwww.danywalls.com·May 29, 2024How to Debug NgRx Using REDUX DevTools in AngularWhen we work with NgRx, tracing and debugging actions, knowing the current state of our store, and reproducing behavior are very important. We have a great tool to help us as developers debug and analyze our NgRx State: the Redux DevTools. The Redux ...Discuss·68 readsAngularNgRx
Dany ParedesProwww.danywalls.com·May 27, 2024When and Why to Use REDUX NgRx in AngularIn a previous article, I wrote about managing the state in Angular by using Services, but when the application increases in size and needs to track and handle a large state, it becomes a bit complex and not easy to manage. For example, when we have m...Discuss·118 readsAngularNgRx
Facile TechnolabforFacile Technolab's Blogfaciletechnolabblog.hashnode.dev·Mar 18, 202410 Angular UX Libraries for Building Exceptional User Experience in 2024Embark on a journey to redefine user interactions with the unveiling of the Top 10 Angular UX Libraries in 2024. Introduction In the dynamic world of web development, user experience (UX) is a critical factor that can make or break a website or appli...DiscussFacile Technolab
Angular Academyblog.angularacademy.ca·Feb 11, 2024Angular Architecture WorkshopAngular Architecture Live Workshop on March 11-14, 2024. Design large-scale enterprise Angular applications 18 hours of intensive hands-on training (4 days: 8:00am to 12:30pm Eastern Time) Instructor-led LIVE online course! Theory phases alternat...Discuss·26 readsNgRx
Arcadio QuinteroProarcadioquintero.com·Jan 6, 2024Implementing selectSignal in Component-Store with Angular's New Template SyntaxIn this article, we'll explore more about component-store with Angular. Instead of using the usual selectors, we'll use selectSignal from component-store. At the same time, we'll update our template to include the advanced template syntax introduced ...Discuss·102 readsWorking with NgRx component-storeAngular