Star5

Blog & Insights

Tutorials, tips & deep dives

Angular signals, design tokens, public-site SEO, and component architecture notes for developers building real products.

17 articles7 categories

Latest articles

afterRenderEffect() in Angular 21: DOM-Safe Reactive Side Effects

Learn how afterRenderEffect() solves the DOM access problem in Angular 21 — reactive, SSR-safe, and signal-aware without lifecycle hook workarounds.

Angular toSignal() and toObservable(): RxJS ↔ Signals Interop

Learn Angular's toSignal() and toObservable() rxjs-interop functions: converting Observables to signals and back, with initialValue, error handling, and injection context rules.

Angular @let: Template Variables Without a Directive Hack

Learn Angular's @let template syntax: declare local template variables cleanly, replacing the *ngIf="value as x" workaround, with scoping rules and practical examples.

Angular effect() Cleanup: Preventing Memory Leaks with DestroyRef

Learn how to clean up side effects inside Angular's effect() function using the onCleanup callback and DestroyRef, and avoid the most common signal-based memory leaks.

Angular linkedSignal(): Derived Writable Signals Explained

Learn Angular's linkedSignal() API: writable signals that reset automatically when a source signal changes. Practical examples for selection state, pagination, and draft forms.

Angular input() and output(): Replace @Input/@Output with the Signal API

Learn how Angular's input() and output() functions replace @Input/@Output decorators, enable reactive component APIs, and integrate cleanly with signals.

Angular resource() and httpResource(): Reactive HTTP with Signals

Learn Angular's resource() and httpResource() APIs: reactive HTTP with signals, auto re-fetch, optimistic updates, and SSR support in Angular 21.

Angular @defer Blocks: Lazy Load Any Component Instantly

Learn Angular's @defer block: lazy load components with on viewport, on interaction, and signal-driven when triggers to ship lighter bundles in 2026.

Fix NG0908: In This Configuration Angular Requires Zone.js

What NG0908 means, why Angular requires Zone.js, and the two ways to fix it: restore Zone.js in polyfills or configure zoneless change detection correctly.

Angular CLI MCP Server: Generate Components with AI

Learn how to set up the Angular CLI MCP server, what tools it gives your AI assistant, and how to generate accurate, modern Angular components with AI in 2026.

Better AI-Generated Angular Code: llms.txt & Codegen Scorer

How to make AI assistants write modern Angular: use llms.txt, the official best-practices rules files, and the Web Codegen Scorer to measure and improve generated code.

Angular UI Performance in Zoneless, AI-Streaming Apps

Learn why your Angular UI library and change detection strategy determine smooth vs janky rendering when streaming LLM responses in zoneless Angular 21.

7 Modern Angular UI Animations You Can Build in 2026

Seven practical Angular UI animations for 2026 — from view transitions and staggered lists to scroll reveals and micro-interactions — built the modern, performant way.

Angular SSR & SEO in 2026: Core Web Vitals Done Right

A practical guide to Angular 21 SSR with real-world examples — e-commerce, blogs, dashboards, and adding your own API routes. Covers hydration, meta tags, structured data, and Core Web Vitals.

Angular v21 Zoneless Guide: Remove ZoneJS, Use Signals

Learn what zoneless Angular means in v21, why ZoneJS is no longer the default, how signals fit in, and how to migrate safely.

Angular Folder Structure Best Practices (2026 Guide)

Learn the best Angular folder structure for scalable, maintainable applications in 2026 with real-world examples.

Angular 21 Signals Explained: Signals, Signal Forms

In-depth Angular 21 Signals guide for 2026: learn signals, reactive forms with toSignal(), zoneless change detection, and how to use Angular Signals with RxJS and HttpClient.