<p>Fanis is a Google Developer Expert (GDE) for Angular and Senior Front-End Developer. He is passionate about sharing his knowledge through his YouTube channel, speaking at conferences and meetups, and technical articles. He also stays current in the ever-evolving tech world by attending conferences and experimenting with new technologies, and is a co-organizer of the Angular Athens meetup in Greece.</p>
Fanis Prodromou
Beyond Clean Code. Building a Scalable Angular Frontend Architecture with Nx Monorepos.
From the moment we start our career in web development, we learn that we have to become great at Clean Code. It sounds like the ultimate goal, right? But …
Get to Know the AfterRenderEffect
Master DOM-related side effects using afterRenderEffect in Angular 19. Prevent layout thrashing and boost app performance with ease.
What LinkedSignal is and how to use it
Master editable state with Angular’s LinkedSignal. Keep derived data in sync with source signals while maintaining full write access.
Angular Generators
Automate your Angular code modernization using built-in generators to effortlessly upgrade syntax and adopt the latest practices.
Angular Scroll Position Restoration
Struggling with scroll restoration in async Angular lists? Use ViewportScroller and signals to ensure perfect positioning every time.
Learn How to Unit Test the Deferrable Views
Master Angular @defer blocks with specialized test harnesses. Simplify testing for idle, viewport, and interaction triggers reliably.
How to use Angular’s defer block to improve performance?
Optimize Angular app performance by splitting large builds. Use @defer blocks to lazy-load components and improve core web vitals.
Get To Know The DestroyRef!
Stop memory leaks in Angular with DestroyRef and takeUntilDestroyed. Manage subscriptions effectively for cleaner, safer reactive code.
Angular Signals RxJS Interop From a Practical Example
Master reactive state in Angular by bridging Signals and RxJS. Build a robust typeahead component using toSignal and toObservable.
All you need to know to jumpstart with NGXS
Simplify complex Angular state management with NGXS. Use actions, selectors, and stores to build scalable apps with cleaner reactive code.