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!
Explore an underappreciated decomposition killer feature, introduced with Angular 15 to see how it can help you breakdown complex code.
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.
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.
Master Morse code encoding and decoding in Angular using RxJS. Build complex stream logic and reactive UIs with advanced operators.
Master robust detection of user focus and interaction using the ActiveZone directive. Maintain cleaner state logic in complex apps.
Master complex Angular template patterns with tools like ngProjectAs, ngNonBindable, and $any to write cleaner, more robust code.
Stop accessing global objects directly. Use Angular DI tokens to abstract browser APIs for easier testing and seamless SSR compatibility.
Enable reactive host bindings in Angular by bypassing current limits with EventManagerPlugins. Keep your code clean and declarative.
Eliminate z-index hell and layout bugs in Angular by mastering portals. Learn how Taiga UI manages overlays for clean, robust UIs.
Master the declarative approach in Angular to replace complex state management with clean, predictable, and highly performant code.
Build flexible, reusable Angular components using generics and polymorphic outlets. Stop hardcoding data and simplify your UI logic.
Level up your Angular projects with these 5 expert tips. Master change detection, RxJS, and DI to write cleaner, high-performance code.
Master native browser APIs in Angular using declarative patterns, Dependency Injection, and RxJS for cleaner, more maintainable code.
Optimize Angular event performance with custom EventManager plugins and decorators. Reduce change detection cycles for cleaner code.
Master Angular CDK Virtual Scroll for variable-height items. Build custom strategies to ensure smooth scrolling and optimized UX.
Optimize Angular performance by building custom EventManagerPlugins to filter rapid events and skip unnecessary change detection.