General
Polymorpheus: a tiny tool you didn’t know you needed
Explore a little open-source library that supercharges dynamic content in Angular apps.
Articles by Alex Inkin
18 articles · page 1 of 1
Dependency Injection
How to get rid of Angular Animations right now
The Angular team now advises against using the Angular Animations package. There's currently an RFC up for a way to handle :leave state natively with the framework. But what if we do not want to wait for this feature to ship? Let's add it ourselves!
Dependency Injection
Host directives: decomposition unleashed!
Explore an underappreciated decomposition killer feature, introduced with Angular 15 to see how it can help you breakdown complex code.
Components
Event management on steroids
Have you ever wondered, what magic goes into listening to an Escape key with (keydown.esc)? In this article we will dive a bit into the source code to explore this lesser known public API and how we can leverage it for our benefit.
RxJS
Decomposition: your real superpower
There is one engineering skill you can keep improving forever. It’s the ability to properly decompose complex tasks into digestible pieces. This is one of the most important traits of a good architect. Let's explore a complex task of dropdown infrastructure to see how we can approach it properly.
Signals
Telegraph with RxJS: the power of reactive systems
Master Morse code encoding and decoding in Angular using RxJS. Build complex stream logic and reactive UIs with advanced operators.
RxJS
Tracking user interaction area
Master robust detection of user focus and interaction using the ActiveZone directive. Maintain cleaner state logic in complex apps.
RxJS
Bindon: lesser known Angular template features
Master complex Angular template patterns with tools like ngProjectAs, ngNonBindable, and $any to write cleaner, more robust code.
SSR & Hydration
Global objects in Angular
Stop accessing global objects directly. Use Angular DI tokens to abstract browser APIs for easier testing and seamless SSR compatibility.
RxJS
Making HostBinding work with Observables
Enable reactive host bindings in Angular by bypassing current limits with EventManagerPlugins. Keep your code clean and declarative.
Components
Demystifying Taiga UI root component: portals pattern in Angular
Eliminate z-index hell and layout bugs in Angular by mastering portals. Learn how Taiga UI manages overlays for clean, robust UIs.
RxJS
Compliant components: Declarative approach in Angular
Master the declarative approach in Angular to replace complex state management with clean, predictable, and highly performant code.
Components
Agnostic components in Angular
Build flexible, reusable Angular components using generics and polymorphic outlets. Stop hardcoding data and simplify your UI logic.
RxJS
5 tips to boost your Angular skills
Level up your Angular projects with these 5 expert tips. Master change detection, RxJS, and DI to write cleaner, high-performance code.
RxJS
What makes a good Angular library
Master native browser APIs in Angular using declarative patterns, Dependency Injection, and RxJS for cleaner, more maintainable code.
Change Detection
Supercharge event management in your Angular application
Optimize Angular event performance with custom EventManager plugins and decorators. Reduce change detection cycles for cleaner code.
Performance
Writing custom virtual scroll strategy in Angular apps
Master Angular CDK Virtual Scroll for variable-height items. Build custom strategies to ensure smooth scrolling and optimized UX.
Change Detection
Optimizing Events handling in Angular
Optimize Angular performance by building custom EventManagerPlugins to filter rapid events and skip unnecessary change detection.