I am
Ayyash
; a UX Front-end Developer
This is my Garage
Sekrab Garage
light mode
sek
rab
/
sek
r
a
b /
a small piece or amount of something, especially one that is left over after the greater part has been used.
Storage and Caching
Displaying cacheable content with a partial component in Angular
Angular
19 minutes ago
After creating a localstroage wrapper , and a data cache decorator , let’s put them together to cre...
An xhr2 explicit exclusion of the cookie
Angular SSR Refused to set unsafe header
Tip
14 days ago
I've been trying to fix a bug where I was making an http call to my local host, to get list of cate...
Intersection events and loose ends
Angular
25 days ago
We used intersection observer to add classes and lazy load images. Here are some final touches that m...
Taming dynamic images
Lazy loading images upon intersection in Angular
Angular
one month ago
Images are content, whether allowed on the server or not. They are usually controlled by host servers...
Intersection observer directive to add and remove classes in Angular
Angular
two months ago
First, the basics, this directive needs to return if on SSR.I borrowed the definition of isBrowser ...
Storage and Caching
A cache decorator in Angular
Angular
Design
3 months ago
Having a decorator that caches the result of a service call is not a new quest on the web, but today ...
Angular programmatically created components
Homemade dialog service in Angular
Angular
3 months ago
Let's put all our knowledge in creating components programmatically in Angular 16 to good use. Let's ...
Angular programmatically created components
Providing services to programmatically created components in Angular
Angular
3 months ago
The last bit to investigate before we put everything together as a Dialog service is how to pass inst...
Angular programmatically created components
Inserting programmatically created components with templates and content projection in Angular
Angular
4 months ago
Previously we tried hosting the newly created component in an HTML element, whether existing in body...
Angular programmatically created components
Inserting Peach component into Rose at runtime
Angular
4 months ago
The great Dialog componentThe Angular Material Dialog component is—among other things—a component i...
Angular programmatically created components
Creating a component dynamically, and programmatically in Angular
Angular
4 months ago
An example use of a dynamically, programmatically created component in Angular is the infamous Dialo...
Saving cookie on local server
Authentication in Angular: Part V, Handling SSR
Angular
6 months ago
When loading a localStorage-authenticated page, the SSR version kicks in with no access to the token....
Redirect feature and Account extra service
Authentication in Angular: Part IV
Angular
Design
7 months ago
Picking up as we move on, there are a couple more features we want to implement to close the circle. ...
Logout and Clean up Code
Authentication in Angular: Part III
Angular
7 months ago
Today let me add a proper logout, and before we move forward to more features, let’s clean up and app...
Http Interception and Refreshing
Authentication in Angular: The Circular Dependency in DI issue popping its ugly head
Angular
7 months ago
Picking up where we left off, the first use case for our Auth service is a header token. The best way...
The basic ingredients
Authentication in Angular, why it is so hard to wrap your head around it
Angular
7 months ago
Authentication ingredientsA full cycle of authentication and authorization in an SPA may go through t...
Resources that stick
Five tools and resources for Web that survived information overload
Tip
8 months ago
How often do you see titles of articles that read something like this: 20 productivity tools to help...
Sanity.IO Tip
Querying GROQ for table of contents
Tip
9 months ago
A nice tip I came across when creating a Table of Contents based on H2 elements in an article on ...
Angular RxJS based state management
Creating a loading effect using RxJs in Angular
Angular
9 months ago
Carrying on from creating our state management based on RxJS , today we will create an example usage...
Angular Standalone Feature
Angular 15 standalone HTTPClient provider: Another update
Angular
10 months ago
Another update, or maybe it was there but buried deep in documentation, to allow us to use HttpClien...
Why does it not work?
Anchor scrolling in Angular
Angular
Tip
10 months ago
If you’ve ever run into issues of scrolling the body into the right position when a fragment is inclu...
Angular, Express, Firebase, and Netlify
Express Slashing Syndrome, the trailing slash and other topics
Angular
Tip
10 months ago
Fix the trailing slash redirect once and for allThe fix involves rethinking the static page generatio...
Angular, Firebase, and Netlify solutions
Fixing the trailing slash in Static Site Generation
Angular
Tip
10 months ago
The first call to our SPA preferred URL: domain.com/route will 301 redirect to domain.com/route/...
Angular standalone provideRouter
Angular standalone router providers: an update
Angular
Tip
10 months ago
Since standalone is still in preview, the documentation gives you no hints. You have to excavate to...
Angular Standalone Feature
How to turn an Angular app into standalone - Part II
Angular
11 months ago
Today we will attempt to get rid of all NgModule in our simple app. To make sure we cover a few ang...