Router
Building a reusable menu component
Build flexible, nested navigation menus in Angular using TemplateRef and ViewContainerRef to achieve cleaner, logic-driven UI components.
Latest articles
1,800 articles · page 60 of 75
RxJS
Double Question Marks TypeScript 3.7 - Nullish Coalescing
Stop unintended falsy value overrides with Nullish Coalescing. Safely set default values in TypeScript for more robust, predictable code.
Change Detection
Using Angular in the right way: Template Syntax
Stop calling heavy methods in your Angular templates. Use getters, models, and OnPush strategy to optimize rendering and clean your code.
Forms
Convert into Strongly Typed Angular Forms in a Minute
Eliminate runtime errors in Angular forms using @rxweb/types. Achieve full end-to-end type safety without complex generic classes.
Performance
Improved Error Logging by the Angular AOT Compiler
Stop wasting time on cryptic Angular errors. Discover how Ivy and AOT compiler updates provide clear stack traces for faster debugging.
Components
Dynamic Module Federation with Angular
Loading microfrontends not known at compile time.
RxJS
RxJS: The Unexpected
Avoid common RxJS mistakes in Angular. Master withLatestFrom, toArray, and operator differences for cleaner, more reliable state logic.
RxJS
SolidJS: Reactivity to Rendering
Master UI rendering by building a custom engine using reactive primitives. Learn to manage DOM updates and effects for high performance.
Components
Here’s what you should know when creating flexible and reusable components in Angular
Master complex content projection in Angular. Learn when to choose ng-content or ng-template to avoid memory leaks and lifecycle bugs.
Components
Angular – slightly different approach to personalising component templates
Build flexible Angular components by combining ContentChildren and ngTemplateOutlet for cleaner, highly reusable custom UI templates.
RxJS
RxJS heads up: toPromise is being deprecated
Prepare for the RxJS 7 deprecation of toPromise. Switch to firstValueFrom and lastValueFrom for cleaner, safer Observable to Promise.
Forms
Nested forms with ControlContainer
Struggling with multi-step nested forms across routes? Use Angular ControlContainer to sync form groups and build clean, modular logic.
Dependency Injection
Building a Custom Stepper using Angular CDK
Build fully customizable steppers using the Angular CDK. Decouple your UI from logic to create tailored, reusable navigation flows.
RxJS
Exploring the state of reactivity patterns in 2020
Explore the evolution of fine-grained reactivity in modern frameworks to simplify state management and optimize your application logic.
RxJS
Setting up efficient workflows with ESLint, Prettier and TypeScript
Eliminate endless code-style debates by mastering ESLint and Prettier. Streamline your Angular workflow with automated, clean code today.
Performance
Reduce your bundle size through this component styling technique
Struggling with bloated Angular bundles? Learn to surgically optimize your SCSS imports and ViewEncapsulation to shrink your app size.
RxJS
Angular: The Unexpected
Tired of mysterious bugs? Learn how to handle unusual Angular framework behaviors to write more stable, predictable, and robust code.
Router
Implementing shared logic for CRUD UI Components in Angular
Build scalable CRUD interfaces using abstract base classes in Angular. Standardize your components to reduce code and simplify logic.
Router
How to cancel a component event from output properties in Angular
Stop struggling with blocking Angular event emissions. Master the Output property pattern to enable easy, reactive action cancellation.
Performance
A gentle introduction into tree shaking in Angular Ivy
Reduce your Angular application bundle size using Ivy tree-shaking. Learn to identify and remove unused framework code for faster apps.
RxJS
Complete beginner guide to publishing an Angular library to npm
Master Angular library development using the CLI to streamline your build process, simplify testing, and publish packages to npm fast.
Tooling & CLI
„Module Federation Light“: Using Microfrontends With Angular Already Today
UMD bundles allow loading separately compiled and deployed microfrontends. This can be already used today together with default Angular applications and libraries.
Signals
Modelling asynchronous flows using Promises and a use case for deferred
Master asynchronous workflows with the Deferred pattern. Decouple promise creation from resolution for cleaner, event-driven code.
Tooling & CLI
Under-the-hood of type systems (e.g. TypeScript)
Master the inner workings of compilers by building a custom type checker to identify semantic errors and improve code reliability.