Angular: The Unexpected
When your favorite framework doesn’t work as you thought it does Every Angular developer has encountered some instances when the framework did something unusual, and sometimes even outright nonsensical. Today we are going to take a look at some of those cases and explain why it works the way it does. FormControl.disable triggers valueChanges Observable The problem: When using Reactive Forms the default way of disabling a FormControl is by using the methods enable and disable. Let’s take a loo
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 5
In the final part of this tutorial, we create the seatmap data access, seat listing feature, shared buttons UI, and shared formatting utilities library. Finally, we compare our approach with the full Nx toolchain.
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 4
In Part 4 of this tutorial, we create the check-in data access and check-in feature shell libraries. We create the check-in desktop application, review and verify how much our tool automated and finally create the mobile check-in application.
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 2
In Part 2 of this tutorial, we'll set up our custom generate project tool and create the shared and booking data access libraries with NgRx. To honor the flow of dependencies, we extract a shared environments library.
An experiment, Using the global NgRx Store as a local store
In a previous article, Managing different slices of the same NgRx state [https://timdeschryver.dev/blog/managing-different-slices-of-the-same-ngrx-state] , we had to overcome some hurdles to slice up the state in order to provide the NgRx Store and Effects to same components but with a different id. Triggered by Michael Hladky [https://twitter.com/Michael_Hladky]'s work on @rx-angular/state [https://www.npmjs.com/package/@rx-angular/state] and Alex Okrushko [https://twitter.com/AlexOkrushko]'s
Understanding the magic behind @ngrx/effects
This article dives deep into internals of ngrx/effects class. It explains how entities are put together and how this module is tied to ngrx/store.
Understanding the magic behind StoreModule of NgRx (@ngrx/store)
In this article we're going to dive deep into the internals of @ngrx/store package. We'll examine how state, reducers, store and actions work with each other and where meta reducers fit in.
Tiny Angular application projects in Nx workspaces
Extract workspace libraries to get tiny Angular application projects. We'll create assets, styles, and environments libraries for an Nx workspace. Step-by-step commands and instructions.
Help Angular to make your application faster
To give a little background, at work we're creating an application to schedule the daily rounds of caregivers. This is done in a one-week calendar view for multiple caregivers, typically between 20 and 50 caregivers are being scheduled at the same time. In the calendar view, we have a row for each caregiver, and there's are columns that represent each day of the week. If everything is loaded, we speak about more than 1.500 items in total on the calendar. Besides the calendar, there are several
NgRx creator functions 101
The createAction creator function opened opportunities in the NgRx world. With it came two other creator functions, createReducer and createEffect. Let's take a look at what's so special about it and why it's important.
Managing different slices of the same NgRx state
In this article, we'll iterate over an implementation to introduce multiple independent instances of a NgRx store slice. In an application, these instances can be represented by a tab-like interface. To come to a solution we'll use the Angular Router, NgRx Effects, and NgRx Router Store.
Making an Angular project mono repo with NgRx state management and lazy-loading.
By using Angular CLI, NgRx feature modules and a bit of manual work:-)
How to Start Flying with Angular and NgRx
NgRx is an open source library that provides reactive state management for your Angular applications. Inspired by Redux, NgRx provides a way to maintain...
NgRx: How and where to handle loading and error states of AJAX calls?
Should these states be part of NgRx Store to begin with? TL; DR: It depends… However, we’ll look into the pros and cons of different approaches. If you chose to make the loading/error as part of the state, make sure they are encompassed within a single property. Does handling multiple interconnected properties that represent the same AJAX call ✨spark joy✨? If not, then it’s time to let them go and use a single property insteadNot so long ago Michael Hladky started a very interesting discussion
How the AngularFire Library makes Firebase feel like Magic
The following post is going to give a high level view of the AngularFire library, and how it works under the hood. I’m going to walkthrough a simple grocery list app I wrote, and show how using AngularFire makes things seem to work like magic.