Angular 2 und TypeScript — Eine neue Ära der Frontend-Entwicklung

Angular 2 ist erschienen (RC) und es ist ein völlig anderes Framework. TypeScript statt JavaScript, Komponenten statt Controller, RxJS Observables statt Promises. Inkompatibel mit Angular 1.x. Eine kontroverse Entscheidung — aber ist das Ergebnis besser?

TypeScript¶

Angular 2 ist in TypeScript geschrieben und empfiehlt es für die Entwicklung. Für Java-Entwickler fühlt sich TypeScript natürlich an — Typen, Interfaces, Klassen, Generics. IDE-Unterstützung (Autocomplete, Refactoring) auf Java-Niveau. Fehler werden zur Kompilierzeit erkannt, nicht zur Laufzeit.

@Component({
  selector: 'project-list',
  template: `
    <div *ngFor="let project of projects">
      <h3>{{project.name}}</h3>
      <p>{{project.description}}</p>
    </div>
  `
})
export class ProjectListComponent implements OnInit {
  projects: Project[] = [];

  constructor(private projectService: ProjectService) {}

  ngOnInit() {
    this.projectService.getProjects()
      .subscribe(projects => this.projects = projects);
  }
}

Komponenten¶

Alles ist eine Komponente. Keine Controller, keine Scopes. Komponente = Klasse + Template + Metadaten (Decorator). Komponentenhierarchie statt Scope-Vererbung. Sauberer, vorhersagbarer.

RxJS und Observables¶

Angular 2 nutzt intensiv RxJS Observables. HTTP-Requests geben ein Observable zurück, kein Promise. Operatoren wie map, filter, switchMap für reaktive Programmierung. Leistungsstark, aber mit steiler Lernkurve.

Angular 2 vs. React¶

Angular 2 ist ein vollständiges Framework (Routing, Forms, HTTP, DI). React ist eine Bibliothek + Ökosystem. Angular 2 hat einen steileren Einstieg, bietet aber mehr Struktur. React ist flexibler. Für Enterprise-Teams ist Angular 2 attraktiv — weniger Entscheidungen zu treffen.

Angular 2 ist ein solides Framework¶

Der Übergang von Angular 1 ist schmerzhaft (de facto ein neues Framework). Aber Angular 2 mit TypeScript ist eine ausgezeichnete Wahl für Enterprise-SPAs. Wir ziehen es neben React für neue Projekte in Betracht.