Angular Features Showcase

v14 to v21 Feature Updates

Core

Angular Core Concepts

Fundamental concepts that are essential for any Angular developer

Components

Building blocks of Angular apps with templates and styles

Directives

Attribute and structural directives to manipulate DOM

Pipes

Transform data in templates with built-in and custom pipes

Services & DI

Dependency injection and singleton services

Lifecycle Hooks

Component and directive lifecycle management

Template Syntax

Interpolation, property binding, event binding

v14

Angular 14 Features

Standalone components, typed forms, and inject function

Standalone Components

Components without NgModules

Typed Reactive Forms

Strictly typed form controls and groups

inject() Function

Functional dependency injection

v15

Angular 15 Features

Directive composition, functional guards, and stable standalone APIs

Directive Composition API

Compose directives with host directives

Functional Guards

Guards as functions instead of classes

NgOptimizedImage

Optimized image loading directive

v16

Angular 16 Features

Signals introduction, required inputs, and DestroyRef

Signals Basics

Reactive state with signals

Computed & Effect

Derived state and side effects

Required Inputs

Mandatory component inputs

DestroyRef

Cleanup with DestroyRef injection

takeUntilDestroyed

Automatic subscription cleanup

v17

Angular 17 Features

New control flow, deferrable views, and view transitions

Built-in Control Flow

@if, @for, @switch syntax

Deferrable Views

Lazy loading with @defer blocks

View Transitions

Animated route transitions

Signal Inputs (Preview)

Inputs as signals

v18

Angular 18 Features

Stable signal APIs, zoneless preview, and new control flow

Signal Inputs (Stable)

input() and input.required()

Signal Outputs

output() function for events

Model Inputs

Two-way binding with model()

Zoneless (Preview)

Apps without zone.js

v19

Angular 19 Features

Resource API, linkedSignal, and incremental hydration

Resource API

Async data loading with resource()

linkedSignal

Writable computed signals

Signal Queries

viewChild(), contentChild() as signals

Incremental Hydration

Partial SSR hydration

v20-21

Angular 20-21 Features

Latest features and experimental APIs

Standalone by Default

No standalone: true needed

httpResource

HTTP requests with Resource API

Effect Scheduling

Control effect execution

Zoneless Stable

Production-ready zoneless apps