05. Blogs

Thoughts & Insights

Technical articles, tutorials, and perspectives on frontend development.

Showing 1–6 of 37 posts

Jun 16, 202618 min read

Angular Resource API: Master resource(), rxResource() & httpResource() from Scratch

Learn Angular's new reactive data-fetching APIs: resource(), rxResource(), and httpResource(). Discover how they replace traditional HTTP/Signal fetching, handle reloading and race conditions, and see real-world scenarios.

AngularSignalsReactivity+3

Jun 6, 202622 min read

Angular

Angular Signal Forms: The In-Depth 'Zero to Hero' Guide

Signal Forms are the future of forms in Angular. Move away from RxJS-based reactive forms and master signal-based forms: local state, validation, controls, form groups, custom validators, and real-world complex forms.

AngularSignalsSignal Forms+3

May 23, 202630 min read

Angular

Angular Without Zone.js: Signals, New Control Flow & Zoneless Change Detection

Angular's biggest architectural shift is here. Master Signals (signal, computed, effect, linkedSignal), new @if/@for/@switch control flow, signal-based components (input, output, model, viewChild), @defer lazy loading, zoneless change detection internals, and the complete migration path from zone-based to zoneless apps.

AngularSignalsZoneless+5

Apr 25, 202620 min read

Angular

SOLID Principles in Angular: An In-Depth Guide with Real-World Examples

Master all five SOLID principles — Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, and Dependency Inversion — through Angular-specific before/after examples, mermaid diagrams, and a full feature walkthrough.

AngularSOLIDArchitecture+4

Apr 1, 202621 min read

CSS

CSS Pseudo-Elements Mastery: ::before, ::after, Counters & Decorative Techniques

Master CSS pseudo-elements for decorative, semantic design. Covers ::before/::after, the content property, decorative lines, CSS-only tooltips, drop caps, ::selection, ::marker, CSS counters, pure CSS icons, overlay effects, and best practices.

CSSPseudo-ElementsDesign Patterns+2

Mar 29, 202624 min read

CSS

CSS Modern Layout Techniques: Scroll Snap, Subgrid, Logical Properties & More

Explore modern CSS layout techniques beyond Flexbox and Grid. Covers logical properties, aspect-ratio, object-fit, multi-column layout, scroll snap, subgrid, position sticky, CSS shapes, clip-path, and min()/max()/clamp() functions with practical recipes.

CSSLayoutModern CSS+2