Quick answer: What is Angular? It is a TypeScript-first web framework from Google for building single-page applications. A modern Angular app is a tree of standalone components, wired together with dependency injection, using signals for reactive state and a built-in router, forms system and HTTP client. You install it with the Angular CLI, and the framework handles the rest — no separate libraries to choose.The rest of this guide answers what is Angular in practice: how an app is built, what changed in recent versions, how it compares with React and Vue, and what you need installed before you start.

What is Angular, actually?

Angular is a framework, not a library. A library such as React gives you one piece — components — and leaves routing, forms and data fetching to you. Angular ships the whole stack: components, dependency injection, a router, two forms systems, an HTTP client, testing utilities and a command-line tool. Every Angular project is structured the same way, which is why large teams like it.

Angular is written in TypeScript and expects you to write TypeScript too. That decision is the source of both the steeper learning curve and the strong tooling: the compiler catches whole categories of mistakes before the code runs. If you are new to the language, work through our TypeScript learning path first — it pays for itself within the first week of Angular.

How a modern Angular app is built

Three ideas cover most of the framework today: standalone components, signals and built-in control flow. A component is a TypeScript class with a template. A signal is a reactive value that tells Angular when to re-render. Control flow is the @if and @for syntax you write directly in the template.

import { Component, signal } from '@angular/core';

@Component({
  selector: 'app-counter',
  template: `
    <button (click)="increment()">Count: {{ count() }}</button>
    @if (count() > 5) {
      <p>You clicked a lot.</p>
    }
  `,
})
export class CounterComponent {
  count = signal(0);

  increment() {
    this.count.update((c) => c + 1);
  }
}

That single file is a complete component. It owns its state, its markup and its behaviour, and Angular re-renders only the parts that changed because count is a signal. No module file is needed to declare it — this is what “standalone” means, and it has been the default for new projects since Angular 19.

What changed in recent Angular versions

If you last looked at Angular years ago, the framework looks different now. Angular 22 (the current stable line) makes several once-optional features the default:

AreaModern Angular (v20+)Older Angular
App structureStandalone componentsNgModule declared everything
StateSignalsRxJS observables everywhere
Control flow@if, @for, @switch*ngIf, *ngFor
Change detectionZoneless by defaultZone.js patched the browser
Injectioninject()Constructor parameters
Test runnerVitestJasmine and Karma

The old syntax still works — *ngIf and NgModules are deprecated or legacy, not deleted — so you can read older tutorials and existing codebases. For anything new, use the modern forms above.

What is Angular, compared with React and Vue

React is the most-listed skill in job ads and the gentlest start; Vue sits between the two in both size and structure. Angular is the most opinionated and the most complete. If you are weighing the two biggest options, our Angular vs React comparison walks through the decision with a table and a recommendation.

  • Choose Angular for large, long-lived business applications, teams that want one agreed structure, and enterprise environments that value built-in routing, forms and HTTP.
  • Choose React for maximum job listings, flexible architecture and a smaller first step.
  • Choose Vue for a gentle learning curve with a structure closer to Angular’s.

What you need before you start

Angular assumes four skills. You do not need to master them first, but you need to be comfortable with each:

  • HTML — elements, attributes and document structure.
  • CSS — enough to style a box and lay out a row of items.
  • JavaScript — variables, functions, arrays and objects.
  • TypeScript — the type layer Angular is written in.

If you want to skip the guesswork and learn Angular alongside real projects with a mentor, Ampersand Academy teaches the framework one-to-one, from TypeScript through deployment.

Frequently asked questions

Is Angular a framework or a library?

Angular is a framework. It includes routing, forms, an HTTP client, dependency injection and a CLI in one opinionated package, while libraries such as React provide components and leave the rest to you.

Do I need to learn TypeScript before Angular?

You should be comfortable with TypeScript basics first. Angular is written in TypeScript and its tooling depends on types, so learning the two together makes both harder.

Is Angular still worth learning in 2026?

Yes. Angular has a stable six-month release cadence, deep enterprise adoption and a modern rewrite around signals and standalone components. It remains a strong choice for large business applications.

What is a standalone component in Angular?

A standalone component declares its own imports instead of being declared in an NgModule. It is the default for new Angular projects and keeps each feature self-contained.

Is Angular harder than React?

Angular has a steeper start because you learn the framework, TypeScript and dependency injection sooner. React starts smaller but asks you to choose supporting libraries as you go.

Last updated on · Written by