Seite 3 - TypeScript

Wer TypeScript-Typen nur additiv mit any oder losen Objektformen modelliert, verschenkt die Stärke des Typsystems. Union-Types beschreiben eine von mehreren möglichen Formen, Intersection-Types kombinieren mehrere Formen zu einer. Richtig eingesetzt entstehen daraus API-Modelle und Kompositionen, die der Compiler tatsächlich absichert.

Eine vollständige Neuschreibung einer gewachsenen JavaScript-Codebasis scheitert in der Praxis fast immer an Zeitdruck, laufendem Betrieb und Merge-Konflikten. Dieser Artikel zeigt, wie allowJs und checkJs Typfehler aufdecken, ohne eine einzige Datei umzubenennen, welche Reihenfolge sich bewährt und wie Teams die Migration messbar zu Ende bringen, statt in einem dauerhaften Zwischenzustand steckenzubleiben.

Falsche moduleResolution Einstellungen erzeugen verwirrende Cannot find module Fehler obwohl der Code eigentlich korrekt ist. Dieser Artikel erklärt wie TypeScript unter node node16 und bundler Importpfade auflöst warum Vite und Webpack andere Regeln nutzen als der reine tsc Compiler und wie ihr die passende Strategie für euer tatsächliches Build Tool wählt.

Große TypeScript Projekte leiden oft unter langsamen Builds, weil der Compiler bei jedem Lauf sämtliche Dateien erneut vollständig prüft und Typen neu berechnet. Dieser Artikel zeigt praxisnah, wie der Cache tsbuildinfo, die Flags incremental und composite sowie Project References mit tsc build Kompilierzeiten in Monorepos und großen Codebasen spürbar reduzieren, inklusive konkreter Diagnose und Messmethoden für hartnäckige Engpässe im Alltag.

Ein TypeScript-Typ, der fehlerfrei kompiliert, ist nicht automatisch korrekt. Komplexe generische und bedingte Typen können sich unbemerkt zu any verbreitern, ungültige Formen akzeptieren oder in einem Zweig falsch verengen. Tools wie tsd, expect-type und Vitests expectTypeOf machen genau dieses Verhalten testbar, rein zur Kompilierzeit, ohne dass ein einziger Runtime-Test dafür nötig ist.

Testcode bekommt oft einen Freifahrtschein bei der Typsicherheit, weil Deadlines drücken, ein Mock schnell kopiert wird oder es ja angeblich nur ein Test ist. Dabei sollen gerade Tests Typregressionen im getesteten Code zuverlässig aufdecken. Dieser Artikel zeigt praxistaugliche typisierte Mocking-Patterns mit vi.mocked, satisfies und Mock-Factories sowie unknown und zod als Ersatz für any bei losen Testdaten.

TypeScript kompiliert zu purem JavaScript, fängt aber ganze Fehlerklassen schon beim Kompilieren ab, bevor sie im Browser oder auf dem Server auftauchen. Statische Typen, verlässliche Autocomplete-Vorschläge und sichere Refactorings verändern den Entwickleralltag spürbar, kosten aber eine Lernkurve und einen zusätzlichen Build-Schritt, der sich nicht für jedes Projekt gleichermaßen lohnt.

Vite transpiliert TypeScript beim Entwickeln blitzschnell über esbuild, prüft dabei aber bewusst keine Typen, damit Hot Module Replacement und Dev-Server-Start schnell bleiben. Dieser Artikel zeigt, wie ihr mit vite-plugin-checker Typfehler trotzdem sichtbar macht, vite.config.ts sauber typisiert und ein minimales Vite plus TypeScript Setup für Admin-Widgets und Frontend-Tools aufsetzt.

Wer fetch() direkt verwendet, bekommt von TypeScript keinerlei Garantie über die Form der Antwort: response.json() liefert any, und ein einfacher Generic-Parameter validiert zur Laufzeit gar nichts. Dieser Artikel zeigt, wie ein generischer Fetch-Wrapper mit typisierten Fehlerergebnissen, Timeout-Handling und einem praktischen API-Client echte Typsicherheit für Magento- und Headless-Projekte schafft.

TypeScript bringt mehrmals jährlich neue Minor-Versionen mit spürbaren Verbesserungen für Typsicherheit und Entwicklerproduktivität. Dieser Artikel ordnet die wichtigsten Neuerungen aus TypeScript 5.x ein, darunter standardisierte Decorators, const Type Parameter und den satisfies Operator, und zeigt anhand konkreter Vorher-Nachher-Beispiele, welche Features im Alltag wirklich einen Unterschied machen.