Ion Prodan
@iprodan.dev
🚀 Front-end dev. #Angular, SolidJS, Astro & more.
👨🏻💻 - iprodan.dev
👨🏻💻 - iprodan.dev
Debouce in Angular signal form.
Still in WIP.
Still in WIP.
November 6, 2025 at 3:54 PM
Debouce in Angular signal form.
Still in WIP.
Still in WIP.
New encapsulation in Angular 21, and nobody's talking about it! 😶
Handy for email builders, when you don't want any external styles to affect the builder elements, such as text and images, it should look the same as in an email service.
Still in WIP, btw.
Handy for email builders, when you don't want any external styles to affect the builder elements, such as text and images, it should look the same as in an email service.
Still in WIP, btw.
November 5, 2025 at 2:47 PM
New encapsulation in Angular 21, and nobody's talking about it! 😶
Handy for email builders, when you don't want any external styles to affect the builder elements, such as text and images, it should look the same as in an email service.
Still in WIP, btw.
Handy for email builders, when you don't want any external styles to affect the builder elements, such as text and images, it should look the same as in an email service.
Still in WIP, btw.
You don't know what this is about💡!
A long, long time ago, I wanted to 'emulate' the Angular router, but only using CDK Portals and also supporting different outlets, lazy loading, and smooth transitions.
Wait for it, you'll like it! 🤟
A long, long time ago, I wanted to 'emulate' the Angular router, but only using CDK Portals and also supporting different outlets, lazy loading, and smooth transitions.
Wait for it, you'll like it! 🤟
November 4, 2025 at 4:23 PM
You don't know what this is about💡!
A long, long time ago, I wanted to 'emulate' the Angular router, but only using CDK Portals and also supporting different outlets, lazy loading, and smooth transitions.
Wait for it, you'll like it! 🤟
A long, long time ago, I wanted to 'emulate' the Angular router, but only using CDK Portals and also supporting different outlets, lazy loading, and smooth transitions.
Wait for it, you'll like it! 🤟
In Angular 21, we will probably have a structural directive `*routerOutletPlaceholder` for the Router placeholder.
It hasn't been merged yet.
The previous idea was to add support for `<ng-container routerOutlet />`, but it was reverted.
What do you think about the placeholder?
It hasn't been merged yet.
The previous idea was to add support for `<ng-container routerOutlet />`, but it was reverted.
What do you think about the placeholder?
October 28, 2025 at 9:57 AM
In Angular 21, we will probably have a structural directive `*routerOutletPlaceholder` for the Router placeholder.
It hasn't been merged yet.
The previous idea was to add support for `<ng-container routerOutlet />`, but it was reverted.
What do you think about the placeholder?
It hasn't been merged yet.
The previous idea was to add support for `<ng-container routerOutlet />`, but it was reverted.
What do you think about the placeholder?
Speaking of the `URL` class, let's see if we understand the difference from the old way (see previous tweet).
So, what's the output of this?
So, what's the output of this?
October 13, 2025 at 7:21 AM
Speaking of the `URL` class, let's see if we understand the difference from the old way (see previous tweet).
So, what's the output of this?
So, what's the output of this?
Did you know? Thank me later!
October 13, 2025 at 7:20 AM
Did you know? Thank me later!
Do you know you MUST provide a valid reply email address to stay compliant?
Even your no-reply address must be able to receive emails and handle "unsubscribe' requests or anything else the user wants.
It's no longer enough to just include a link!
Even your no-reply address must be able to receive emails and handle "unsubscribe' requests or anything else the user wants.
It's no longer enough to just include a link!
October 8, 2025 at 11:07 AM
Do you know you MUST provide a valid reply email address to stay compliant?
Even your no-reply address must be able to receive emails and handle "unsubscribe' requests or anything else the user wants.
It's no longer enough to just include a link!
Even your no-reply address must be able to receive emails and handle "unsubscribe' requests or anything else the user wants.
It's no longer enough to just include a link!
How would a senior refactor this? How would you do?
October 8, 2025 at 11:02 AM
How would a senior refactor this? How would you do?
I agree, but I use exhaustMap more often when handling the requests.
And I use `tapResponse` to handle error, next, and finalize.
And I use `tapResponse` to handle error, next, and finalize.
June 17, 2025 at 6:25 AM
I agree, but I use exhaustMap more often when handling the requests.
And I use `tapResponse` to handle error, next, and finalize.
And I use `tapResponse` to handle error, next, and finalize.
This is mostly all I need from rxjs! 😀 with a few exceptions!
What's your most used rxjs operators?
What's your most used rxjs operators?
June 16, 2025 at 5:21 PM
This is mostly all I need from rxjs! 😀 with a few exceptions!
What's your most used rxjs operators?
What's your most used rxjs operators?
I remember talking about CDK Portals a long time ago!
It’s a feature that still exists and is waiting to be used more.
I had an idea back then to 'emulate' the Angular router, but with just portals 🙂.
An experiment that would teach us, and you, in-depth how to use them.
It’s a feature that still exists and is waiting to be used more.
I had an idea back then to 'emulate' the Angular router, but with just portals 🙂.
An experiment that would teach us, and you, in-depth how to use them.
June 12, 2025 at 6:03 PM
I remember talking about CDK Portals a long time ago!
It’s a feature that still exists and is waiting to be used more.
I had an idea back then to 'emulate' the Angular router, but with just portals 🙂.
An experiment that would teach us, and you, in-depth how to use them.
It’s a feature that still exists and is waiting to be used more.
I had an idea back then to 'emulate' the Angular router, but with just portals 🙂.
An experiment that would teach us, and you, in-depth how to use them.
Angular's `canMatch` guard is great!
It allows different pages on the same path.
For example, authenticated users see the dash page, while others see the auth page.
It matches children, but it sends 2 requests if `canMatch` returns false from a child path.
I like this method.
It allows different pages on the same path.
For example, authenticated users see the dash page, while others see the auth page.
It matches children, but it sends 2 requests if `canMatch` returns false from a child path.
I like this method.
June 7, 2025 at 11:52 AM
Angular's `canMatch` guard is great!
It allows different pages on the same path.
For example, authenticated users see the dash page, while others see the auth page.
It matches children, but it sends 2 requests if `canMatch` returns false from a child path.
I like this method.
It allows different pages on the same path.
For example, authenticated users see the dash page, while others see the auth page.
It matches children, but it sends 2 requests if `canMatch` returns false from a child path.
I like this method.
Not the best, but still good!
What company details would you like to see next? I can show them to you for free today! 😀
All data should be publicly available.
What company details would you like to see next? I can show them to you for free today! 😀
All data should be publicly available.
June 6, 2025 at 6:44 AM
Not the best, but still good!
What company details would you like to see next? I can show them to you for free today! 😀
All data should be publicly available.
What company details would you like to see next? I can show them to you for free today! 😀
All data should be publicly available.
Help, please 🙏
Designers, how can I display all this data? Should I use a table or simple blocks?
It's a lot of data to show!
Designers, how can I display all this data? Should I use a table or simple blocks?
It's a lot of data to show!
June 5, 2025 at 5:43 PM
Help, please 🙏
Designers, how can I display all this data? Should I use a table or simple blocks?
It's a lot of data to show!
Designers, how can I display all this data? Should I use a table or simple blocks?
It's a lot of data to show!
What if you could get all the company contact details by simply pressing a button?
Coming soon to quiky.email
Coming soon to quiky.email
June 5, 2025 at 11:13 AM
What if you could get all the company contact details by simply pressing a button?
Coming soon to quiky.email
Coming soon to quiky.email
It's my first time using #Angular's `define` option property, and I encountered an issue!
Who knows what the issue is?
Who knows what the issue is?
May 23, 2025 at 2:57 PM
It's my first time using #Angular's `define` option property, and I encountered an issue!
Who knows what the issue is?
Who knows what the issue is?
The modern way of collecting info 🚀
Create an email agent, that collects all necessary details (it can ask, reply and so on) and add the user to a list.
No more confirmation emails and form fields 👍
You are welcome!
Create an email agent, that collects all necessary details (it can ask, reply and so on) and add the user to a list.
No more confirmation emails and form fields 👍
You are welcome!
May 15, 2025 at 3:05 PM
The modern way of collecting info 🚀
Create an email agent, that collects all necessary details (it can ask, reply and so on) and add the user to a list.
No more confirmation emails and form fields 👍
You are welcome!
Create an email agent, that collects all necessary details (it can ask, reply and so on) and add the user to a list.
No more confirmation emails and form fields 👍
You are welcome!
Hey Angular devs, what's the purpose of the `percent` pipe if you can show the percentages like this?
Is the percentage different in other languages?
I still use the `percent` pipe, though, but I see this and I think, why not? 🤔
#Angular
Is the percentage different in other languages?
I still use the `percent` pipe, though, but I see this and I think, why not? 🤔
#Angular
May 14, 2025 at 7:55 AM
Hey Angular devs, what's the purpose of the `percent` pipe if you can show the percentages like this?
Is the percentage different in other languages?
I still use the `percent` pipe, though, but I see this and I think, why not? 🤔
#Angular
Is the percentage different in other languages?
I still use the `percent` pipe, though, but I see this and I think, why not? 🤔
#Angular
I have collected several email marketing statistics on one page.
You can view it here: aireply.email/stats, with links to sources.
What other statistics should I include?
You can view it here: aireply.email/stats, with links to sources.
What other statistics should I include?
April 24, 2025 at 7:27 AM
I have collected several email marketing statistics on one page.
You can view it here: aireply.email/stats, with links to sources.
What other statistics should I include?
You can view it here: aireply.email/stats, with links to sources.
What other statistics should I include?
That brings back good memories! ✨ Should I update my website like this or not?
April 7, 2025 at 8:34 AM
That brings back good memories! ✨ Should I update my website like this or not?
I did it! I set up my old monitor (the first one from the left) just for the AI agent, running in YOLO mode!
Meanwhile, I am working on two other projects on the remaining monitors!
Let's see how this goes!
Share your workspace and how it looks!
Meanwhile, I am working on two other projects on the remaining monitors!
Let's see how this goes!
Share your workspace and how it looks!
March 21, 2025 at 8:30 AM
I did it! I set up my old monitor (the first one from the left) just for the AI agent, running in YOLO mode!
Meanwhile, I am working on two other projects on the remaining monitors!
Let's see how this goes!
Share your workspace and how it looks!
Meanwhile, I am working on two other projects on the remaining monitors!
Let's see how this goes!
Share your workspace and how it looks!
I can wrap up this week now, thank you.
March 14, 2025 at 1:28 PM
I can wrap up this week now, thank you.
I used the @cursor.com.web.brid.gy IDE for the past 4 days, making over 250 fast requests.
That's quite a lot for just 4 days!
I like it! I completed 2 small projects - 80% just prompting.
@github.com copilot feels extremely slow in comparison!
One dilemma, though: VS Code isn't for me! 🫤
That's quite a lot for just 4 days!
I like it! I completed 2 small projects - 80% just prompting.
@github.com copilot feels extremely slow in comparison!
One dilemma, though: VS Code isn't for me! 🫤
March 11, 2025 at 5:41 PM
I used the @cursor.com.web.brid.gy IDE for the past 4 days, making over 250 fast requests.
That's quite a lot for just 4 days!
I like it! I completed 2 small projects - 80% just prompting.
@github.com copilot feels extremely slow in comparison!
One dilemma, though: VS Code isn't for me! 🫤
That's quite a lot for just 4 days!
I like it! I completed 2 small projects - 80% just prompting.
@github.com copilot feels extremely slow in comparison!
One dilemma, though: VS Code isn't for me! 🫤
This is what I'm looking for; amazing!
March 11, 2025 at 2:22 PM
This is what I'm looking for; amazing!