# Angular Framework: Integrated Tooling for Large-Scale TypeScript Web Applications

> Angular is a TypeScript web framework from Google that bundles routing, forms, dependency injection, and build tooling into a single opinionated package. Version 22.2.0 shipped on 2026-09-23, and the project uses Bazel for its own build infrastructure.

**angular/angular** — Angular brings routing, forms, dependency injection, and build tooling into one framework for large web applications.

- Repository: https://github.com/angular/angular
- Website: https://angular.dev
- Stars: 101,026 · Forks: 29,019
- Language: TypeScript
- License: MIT
- Published: 2026-08-08 · Updated: 2026-08-18 · Language: en
- Canonical page: https://hysenlabs.com/projects/angular-angular

## What Angular Provides and Who It Is For

Angular is a framework for building mobile and desktop web applications in TypeScript and JavaScript. The README describes it as bringing routing, forms, dependency injection, and build tooling into one package. That integration is Angular's central characteristic: a developer starting a new Angular project gets all of those subsystems from the Angular team rather than assembling them from separate packages.

The framework is maintained by Google. The package.json shows the current development version is 22.3.0-next.0 and uses pnpm 11.27.1 as the package manager for the monorepo. The engine constraints in package.json block npm and yarn, requiring pnpm for contributors.

Angular targets teams building large applications where consistency and long-term maintainability are priorities. The framework's conventions are strict, which reduces decisions at the team level but requires learning Angular's specific patterns for components, modules, and services.

## Setting Up a New Angular Project

The README documents three steps to create and run a new Angular project. First, install the Angular CLI globally:

```bash
npm install -g @angular/cli
```

Create a new workspace:

```bash
ng new [PROJECT NAME]
```

Run the development server:

```bash
cd [PROJECT NAME]
ng serve
```

The CLI scaffolds the project structure, configures the build toolchain, and starts a local development server. The README points to a five-minute quickstart at angular.dev/tutorials/learn-angular for a guided walkthrough after scaffolding.

## Architecture: Components, Modules, and Dependency Injection

Angular's architecture is built around components and a module system. Components define a view (template) and its logic (a TypeScript class). Templates use Angular's template syntax for data binding, event handling, and structural directives. The README links to architecture documentation at angular.dev/essentials.

Dependency injection is a first-class feature in Angular. Services are registered in a module or at the component level and injected into constructors. This is different from React, which does not have a built-in dependency injection system, and from Vue, which uses a different composition model.

Angular also includes a router for client-side navigation (documented at angular.dev/guide/routing/define-routes), an HTTP client, reactive forms (documented at angular.dev/tutorials/learn-angular/15-forms), and animations (angular.dev/guide/animations). Teams get these features without adding third-party packages.

## Build Infrastructure: Bazel, pnpm, and the Monorepo Layout

The Angular repository uses Bazel as its build system. The package.json test script runs bazelisk test, and the CI test command explicitly excludes integration tests and adev (the documentation site) for speed. This is significant for contributors: setting up the Angular development environment requires Bazel, not just Node.js and npm.

The repository is a monorepo. The packages/ directory contains the individual Angular packages (@angular/core, @angular/router, @angular/forms, and others). The top-level structure also includes adev/ (the documentation site), devtools/ (the Angular DevTools browser extension), and vscode-ng-language-service/ (the VS Code extension, which had its own release at version 22.2.0 on 2026-09-25).

For application developers, this build complexity is invisible. The Angular CLI handles the build pipeline through webpack or esbuild. The Bazel infrastructure is internal to the Angular team for developing the framework itself.

## Angular vs React: Different Philosophy on Scope

React is the most-compared alternative. The related searches data confirms that What is Angular vs React is a common search.

React is a UI library that renders components. Routing, forms, state management, and HTTP clients are not part of React itself; teams compose those from the ecosystem (React Router, React Hook Form, Redux or Zustand, and so on). Angular includes all of those as framework-maintained packages under the @angular/ namespace.

The practical consequence is that an Angular project has fewer ecosystem decisions to make but more framework conventions to learn. A React project has more decisions to make but fewer mandatory patterns. For large teams where consistency across many developers is the priority, Angular's integrated approach reduces configuration drift. For smaller teams or projects where the React ecosystem's flexibility is an asset, the Angular approach can feel constraining.

Both are written in or can use TypeScript, but Angular's type system integration goes deeper: Angular's template compiler checks types in templates, not just in component classes.

## Upgrading and Long-Term Support

The README links to an upgrade guide at angular.dev/update-guide/. Angular releases major versions regularly, and major versions can include breaking changes. The upgrade guide is specific to version-pair migrations: you select the version you are on and the version you are targeting, and the guide lists the steps.

The CHANGELOG and CHANGELOG_ARCHIVE files are maintained in the repository. Version 22.2.0 shipped on 2026-09-23, and the repository shows an active patch release cadence (22.1.8 also shipped on 2026-09-23).

Migrating between major Angular versions has historically required updating application code in addition to the package version. Teams planning multi-year projects should budget time for major version upgrades, which the framework's update guide facilitates but does not eliminate.

## Licence and Contributing

Angular is published under the MIT licence, which allows commercial use, modification, and distribution with no copyleft requirements.

The repository includes contributing guidelines in CONTRIBUTING.md. The package.json scripts show that the test suite runs with bazelisk, and linting uses tslint with ng-dev format. The public API is checked against goldens in the goldens/public-api/ directory, meaning API surface changes require updating those golden files explicitly.

The repository also includes a SECURITY.md for reporting security issues, a CODE_OF_CONDUCT.md, and a renovate.json for automated dependency updates.

## Conclusion

Angular is the right choice for teams that want a fully integrated TypeScript framework with a CLI, routing, forms, and dependency injection bundled together, and who are willing to commit to Angular's specific conventions for component structure and module organisation. Teams that want to assemble their own stack from smaller libraries, or who are building small applications where a full framework is overhead, will find the architecture more than they need. Before starting, install Node.js, confirm that pnpm 11.27.1 is available for contributing to the framework itself, and check the upgrade guide at angular.dev/update-guide/ before migrating an existing project.

## FAQ

### What is Angular and why use it?

Angular is a TypeScript framework for building web applications that includes routing, forms, dependency injection, and build tooling in a single integrated package. Teams use it to build large-scale applications where consistent conventions and a fully maintained toolchain reduce architectural decisions.

### Is Angular a frontend or backend framework?

Angular is a frontend framework. It runs in the browser and builds mobile and desktop web applications. The README describes it as a platform for building web applications using TypeScript and JavaScript. Angular does support server-side rendering through the @angular/ssr package, but the framework is client-side at its core.

### What language is used in Angular?

Angular is written in TypeScript and is designed for TypeScript applications. The README states it is a platform for building applications using TypeScript and JavaScript, and the Angular CLI scaffolds TypeScript projects by default.

### How do I install the Angular CLI?

The README shows: npm install -g @angular/cli. After installation, use ng new [PROJECT NAME] to create a new workspace and ng serve to start the development server.

## Sources

- [Official documentation](https://angular.dev)
- [Official README](https://github.com/angular/angular#readme)
- [Project repository](https://github.com/angular/angular)
- [Release notes](https://github.com/angular/angular/releases)

---

Hysen Labs editorial analysis, written from the project's own repository and release notes. Cite the canonical page: https://hysenlabs.com/projects/angular-angular
