TypeScript
TypeScript erklärt: statische Typisierung, tsc und TypeScript 7 mit nativem Go Compiler. Praxiswissen von NCA für Frontend und CI Pipelines.
Mehr erfahren- Aktualisiert:
- Autor:
- Roland Golla
Was bedeutet die TypeScript 7 Migration?
Die TypeScript 7 Migration ist der Umstieg auf den neuen Compiler in Go. Eine neue Sprache lernst du dafür nicht. Du räumst vor allem die Konfiguration auf und klärst, welche Werkzeuge noch an TypeScript 6 hängen.
Microsoft nennt für volle Builds meist einen Faktor von 8 bis 12. Code, der mit TypeScript 6 sauber kompiliert, soll in Version 7 dasselbe Ergebnis liefern. Voraussetzung ist, dass stableTypeOrdering aktiv ist und kein ignoreDeprecations mehr gesetzt ist.
Was TypeScript 7 insgesamt bringt, steht im TypeScript Eintrag. Hier geht es nur um den Weg dorthin.
Inhalt
NCA KI Workshop für Developer
Agentic Coding im Team, nicht nur im Glossar
Ein Tag inhouse mit Benjamin Klein für Developer, Tester und Admins. Context Engineering, Harness, ADRs und zwei Hands on Blöcke mit KI Agenten in eurem Setup.
-
1Kostenloses VorgesprächStand, Rollen und Ziele klären
-
2Workshoptag bei euchPraxis am Vormittag, Hands on danach
-
3Praxistag optionalAgenten im eigenen Projekt
Benjamin Klein
Senior Consultant
NCA begleitet deine Migration ohne Baustelle im Hauptbranch
Eine Migration steht und fällt mit den Prüfungen davor. Deshalb setzen wir zuerst einen eigenen Type Check in deinen CI CD Pipelines auf und schalten den strict Mode sauber ein. Erst dann wird der Compiler getauscht.
Im Frontend Development klären wir mit dir, was Astro, React oder Vue im konkreten Projekt erlauben. Den Bestand prüft bei Bedarf ein Codebase Audit, und die Quality Gates für KI Code halten den Stand danach stabil.
Diese Reihenfolge hält das Risiko klein
- Auf TypeScript 6 wechseln. Das empfiehlt auch Microsoft. Veraltete Optionen werden in Version 7 zu harten Fehlern.
- Warnungen beheben. ignoreDeprecations entfernen und stableTypeOrdering einschalten.
- Werkzeuge prüfen. Alles, was den Compiler als Bibliothek importiert, braucht vorerst weiter Version 6.
- Parallel laufen lassen. tsc aus Version 7 und tsc6 prüfen dieselbe Codebasis.
- Hauptbranch umstellen. Erst wenn beide Läufe dasselbe melden.
Code:
# Stand mit TypeScript 6 prüfen
npm install -D typescript@6
npx tsc --noEmit
Diese Stellen in der tsconfig musst du anfassen
Mit tsc6 laufen beide Versionen nebeneinander
TypeScript 7.0 hat keine stabile Programmierschnittstelle. Tools wie typescript-eslint brauchen deshalb weiter Version 6. Das Paket @typescript/typescript6 liefert dafür den Befehl tsc6 und die alte Schnittstelle. Über npm Aliase bekommst du beides in einem Projekt.
Code:
{
"devDependencies": {
"@typescript/native": "npm:typescript@^7.0.2",
"typescript": "npm:@typescript/typescript6@^6.0.2"
}
}
Danach startet npx tsc den neuen Compiler, npx tsc6 den alten. ESLint importiert weiter das Paket typescript und bekommt Version 6. Lass beide Läufe eine Weile in der Pipeline, bis ihre Ergebnisse übereinstimmen.
Astro, Vue und Svelte bleiben vorerst bei TypeScript 6
Microsoft rät Projekten mit Vue, MDX, Astro und Svelte, vorerst bei Version 6 zu bleiben. Die Prüfung dieser Dateiformate hängt an der fehlenden Schnittstelle. Für Astro heißt das: astro check und der Editor Support laufen weiter mit TypeScript 6.
Die Lösung ist unterwegs. TypeScript 7.1 bringt in der Beta eine neue Schnittstelle und sogenannte Content Mapper, die bereits für Astro, Vue und Svelte erprobt werden. Bis zum fertigen Release und den Updates der Frameworks prüfst du regelmäßig, was dein Stack schon unterstützt.
Ein Fehler lässt sich leicht übersehen: astro build prüft keine Typen. Eine Pipeline kann also grün sein, obwohl die Typprüfung für .astro Dateien gerade gar nicht läuft. Der Type Check gehört deshalb als eigener Schritt dazu.
In der CI Pipeline kannst du die Parallelität steuern
Standardmäßig arbeiten vier Type Checker parallel. Auf kleinen Runnern kann das zu viel Speicher kosten, in großen Monorepos darf es mehr sein. Die Optionen --checkers und --builders sind noch als experimentell markiert.
Code:
# Kleiner CI Runner
npx tsc --noEmit --checkers 2
# Monorepo mit Project References
npx tsc --build --checkers 2 --builders 2
# Zur Fehlersuche
npx tsc --noEmit --singleThreaded
Vorsicht beim Monorepo: Beide Werte multiplizieren sich. Unterschiedliche Checker Zahlen können in seltenen Fällen andere Ergebnisse liefern, deshalb setzt du den Wert lokal und in der Pipeline am besten gleich.
TypeScript 7, a 10x faster native port of TypeScript
Der schnelle Compiler lohnt sich besonders mit KI Agents
Ein voller Type Check, der früher nur in der Pipeline lief, passt mit Version 7 oft in jeden Agentenlauf. Der Agent bekommt sein Feedback dann, solange er noch an der Aufgabe arbeitet. Wie das Regelwerk dazu aussieht, zeigen die AI Coding Guidelines für TypeScript und die NCA Agentic AI Coding Guardrails.
Alle wichtigen Optionen erklärt der Eintrag zur tsconfig.json. Bei der Migration lohnt auch ein Blick auf toten Code, etwa mit Knip oder Fallow. Was du nicht mehr brauchst, musst du auch nicht mehr migrieren.
Frontend: Optimieren Sie Ihre Webseite mit Astro JS und nutzen Sie die Vorteile der Barrierefreiheit
Optimieren Sie Ihre Webseite mit Astro JS und nutzen Sie die Vorteile einer schnellen, sicheren und barrierefreien Webseite. Erfüllen Sie die gesetzlichen Anforderungen und verbessern Sie die Benutzererfahrung Ihrer Webseite. Mit Astro JS können Sie die Ladezeit reduzieren, die Sicherheit maximieren und die SEO-Optimierung verbessern. Kontaktieren Sie uns, um mehr zu erfahren und um Ihre Webseite auf ein neues Level zu heben.
Häufige Fragen zur TypeScript 7 Migration
Das sollte vor dem Umstieg geklärt sein.
Sollte ich 2026 auf TypeScript 7 migrieren?
Bei reinen TypeScript Projekten, die mit Version 6 sauber bauen, spricht wenig dagegen. Nutzt du Astro, Vue, Svelte oder MDX, bleibst du für die Typprüfung dieser Dateien vorerst bei Version 6. Typbasierte ESLint Regeln brauchen ebenfalls noch die alte Schnittstelle.
Muss ich 2026 zuerst auf TypeScript 6 wechseln?
Technisch nicht zwingend, aber Microsoft empfiehlt es. Version 7 übernimmt die neuen Standardwerte von Version 6 und macht aus deren Warnungen harte Fehler. Über den Zwischenschritt behebst du das in Ruhe und siehst, was wirklich am Compiler liegt.
Ändert TypeScript 7 2026 meinen Code?
Die Typprüfung soll sich wie in Version 6 verhalten, wenn stableTypeOrdering aktiv ist und kein ignoreDeprecations gesetzt ist. Änderungen betreffen vor allem die Konfiguration. Dazu kommen kleine Unterschiede, etwa bei Template Literal Types mit Unicode und bei der JavaScript Prüfung über JSDoc.
Funktioniert Astro 2026 mit TypeScript 7?
Für astro check und den Editor Support noch nicht vollständig, weil beide an der Schnittstelle von Version 6 hängen. Laut Microsoft sollen Astro Projekte vorerst dabei bleiben. In der Beta von TypeScript 7.1 werden dafür Content Mapper erprobt, auch für Astro.
Wann kommt 2026 TypeScript 7.1?
Die Beta ist im Oktober 2026 erschienen. Microsoft plant danach einen Release Candidate in rund einem Monat und kurz darauf die finale Version. Das sind Planungen, kein fester Termin. Für dein Projekt zählt außerdem, wann die Frameworks nachziehen.
Was ist das Paket @typescript/typescript6?
Ein Kompatibilitätspaket mit dem Befehl tsc6 und der Schnittstelle von Version 6. Damit können TypeScript 7 und Werkzeuge wie typescript-eslint im selben Projekt laufen, ohne dass sich die Befehle in die Quere kommen.
Funktioniert der Watch Mode in TypeScript 7?
Ja. Der Watch Mode wurde neu aufgebaut und nutzt eine nach Go portierte Fassung des Parcel Watchers. Das spart laut Microsoft auf allen Plattformen deutlich Ressourcen und passt gut, wenn der Type Check während der Arbeit eines Agents mitlaufen soll.
Muss mein Editor umgestellt werden?
Das hängt vom Editor ab. Für VS Code gibt es eine eigene Erweiterung, die sich per Befehl wieder abschalten lässt. Visual Studio aktiviert Version 7 passend zum Workspace. Andere Editoren binden sie über das Language Server Protocol an.
Wie groß ist der Aufwand für die Migration?
Das hängt vom Zustand der Konfiguration und der Werkzeuge ab. Ein aktuelles Projekt ohne Compiler Plugins ist oft schnell umgestellt. Alte Modulformate, eigene Transformer und viele verschachtelte Pakete brauchen mehr Zeit. Eine seriöse Schätzung gibt es erst nach einem Blick in das Projekt.
Woran erkenne ich, dass die Migration fertig ist?
Beide Compiler melden über mehrere Läufe dasselbe, die Pipeline läuft stabil, und im Team arbeitet niemand mehr um Editorprobleme herum. Danach entfernst du die Aliase, sobald deine Werkzeuge Version 7 unterstützen. Bis dahin darf tsc6 ruhig bleiben.
Generics machen Funktionen wiederverwendbar, ohne dass Typinformation verloren geht. Mit Typparametern, Constraints und der Frage, wann ein Generic zu viel ist.
Entdecke Knip, das mächtige Tool zur Identifizierung und Entfernung von ungenutzten Dateien, Abhängigkeiten und Exporten in JavaScript- und TypeScript-Projekten. Optimiere deine Codebasis!
Prüfen ohne zu überschreiben: satisfies validiert ein Objekt gegen einen Typ und behält trotzdem die konkreten Literaltypen. Mit Praxisbeispielen, dem Vergleich zu as und Typannotation und dem Nutzen als Guardrail für KI generierten Code.
Die tsconfig.json steuert, was der TypeScript Compiler prüft und wie er arbeitet. Aufbau, wichtige Optionen, geteilte Konfiguration und eine Vorlage für aktuelle Projekte.
Type Guards grenzen einen Typ mit normalen Prüfungen im Code ein. Dazu die wichtigsten Formen, eigene Prädikate, Assertion Functions und die Fallen beim Narrowing.
TypeScript bringt statische Typisierung in JavaScript Projekte. Definition, Type Checking in der Pipeline und der native Go Compiler aus TypeScript 7 im Überblick.
