Ayyash articles - 99 total
Putting Angular Fire Firestore library to use - II
Previously we created our own Firestore getters to return proper observables, using from to change a...
Putting Angular Fire Firestore library to use - I
In this series, we're going to setup a project that uses a Firebase Firestore to list, create, and...
Angular Firebase Authentication Update: v.19
Last time we had Firebase Auth integrated at Angular 17. Here is a quick update to keep it fresh in...
Validation style final tweaks
To add the missing styles to make it as functional as possible, need to keep reminding ourselves of a...
Angular validation common functions
There are some repetitive validation functions that I would like to move for their own common file,...
Angular form field types
Today we are going to dig into validating all field types. We begin with the simpler ones: the...
Angular form validation directive
The component we created thus far is enough to make the form invalid if submitted, and show the...
Taming Angular Forms
Creating a form has always been a terrible task I keep till the end. And I usually just start with...
Upgrading to Angular version 19
There are two ways to update, using ng update directly, or creating a new application after updating...
Replacing Angular Universal with SSR version 17.0
Angular has adopted Universal and made it a kid of its own! Today I will rewrite some old code we...
III - Firebase For Authentication only in Angular
The middle ground is to use Firebase Auth, for authentication, and use our own API for user...
II - Firebase User Management in Angular
To recap, we need to create a sign up process using password and Google provider. We need to keep all...
I - Setting up AngularFire with Authentication
Previously we covered Authentication in Angular and why it was hard to wrap our heads around. To pick...
Angular Standalone in SSR: update
[TLDR] To allow all components to be standalone and build for SSR in Angular using the...
Displaying cacheable content with a partial component in Angular
After creating a localstroage wrapper, and a data cache decorator, let's put them together to create...
Angular SSR Refused to set unsafe header
I've been trying to fix a bug where I was making an http call to my local host, to get list of...
Intersection events and loose ends
We used intersection observer to add classes and lazy load images. Here are some final touches that...
Lazy loading images upon intersection in Angular
Images are content, whether allowed on the server or not. They are usually controlled by host...
Intersection observer directive to add and remove classes in Angular
In this series we want to create a directive, or multiple directives in Angular to handle different...
A cache decorator in Angular
Having a decorator that caches the result of a service call is not a new quest on the web, but today...
Homemade dialog service in Angular
Let's put all our knowledge in creating components programmatically in Angular 16 to good use. Let's...
Providing services to programmatically created components in Angular
The last bit to investigate before we put everything together as a Dialog service is how to pass...
Inserting programmatically created components with templates and content projection in Angular
Previously we tried hosting the newly created component in an HTML element, whether existing in body,...
Inserting Peach component into Rose at runtime
The great Dialog component The Angular Material Dialog component is-among other things-a...
Creating a component dynamically, and programmatically in Angular
In Angular 13, the ComponentFactoryResolver became deprecated. Some libraries that depended on it had...
Authentication in Angular: Part V, Handling SSR
When loading a localStorage-authenticated page, the SSR version kicks in with no access to the...
Authentication in Angular: Part IV: Redirect feature and Account extra service
Picking up as we move on, there are a couple more features we want to implement to close the circle....
Authentication in Angular: Part III
Today let me add a proper logout, and before we move forward to more features, let's clean up and...
Authentication in Angular: The Circular Dependency in DI issue popping its ugly head
Picking up where we left off, the first use case for our Auth service is a header token. The best way...
Authentication in Angular, why it is so hard to wrap your head around it
By definition of an SPA: single page application, all elements on the screen are no longer part of a...