TypeScript: Anleitungen und Praxiswissen | mironsoft Blog
TypeScript
-
10.05.2026
Ein Scoped Slot transportiert Daten von der Kindkomponente zurück ins Template des Elternteils, doch ohne explizite Typisierung sieht TypeScript diese Daten lange Zeit nur als any. Ein Tippfehler wie item.näm statt item.name fällt dann erst im Browser auf, nicht schon beim Kompilieren. defineSlots() schließt genau diese Lücke: Jeder Slot bekommt einen echten TypeScript-Typ für seine Scoped-Slot-Props, inklusive vollständiger Autovervollständigung direkt im Template der einbindenden Komponente, ganz ohne zusätzliche Laufzeit-Validierung.
-
10.05.2026
TypeScript liefert mit Partial, Pick, Omit, Record und weiteren Utility Types fertige Bausteine für typsichere Datenstrukturen, ohne dass Entwickler bestehende Interfaces manuell duplizieren oder ständig synchron halten müssen. Wer diese eingebauten Typtransformationen gezielt einsetzt, reduziert Redundanz in API-Verträgen, Formularen und Build-Skripten und lässt den Compiler Inkonsistenzen frühzeitig aufdecken, lange bevor sie in Produktion auffallen.
-
09.05.2026
Manuell gepflegte TypeScript-Interfaces fuer GraphQL-Typen laufen fast zwangslaeufig irgendwann aus dem Ruder, sobald sich das Schema aendert. GraphQL Code Generator loest dieses Problem, indem Server-Resolver-Typen, Client-Operation-Typen und sogar fertige React-Hooks direkt und automatisch aus einer einzigen Schema-Datei erzeugt werden.
-
01.05.2026
Wer Anwendungszustand mit mehreren unabhängigen Boolean-Flags modelliert, riskiert widersprüchliche Zustände zur Laufzeit, etwa gleichzeitig geladen und fehlgeschlagen. Discriminated Unions lösen dieses Problem, indem ein gemeinsames Tag-Feld TypeScript erlaubt, den exakten Zustand automatisch zu erkennen, sodass unmögliche Kombinationen bereits beim Kompilieren ausgeschlossen werden und der Editor nur die tatsächlich gültigen Felder vorschlägt.
-
22.04.2026
Wer für jede Variante eines TypeScript Interfaces manuell ein neues Interface pflegt, erzeugt über kurz oder lang Typdrift zwischen Original und Kopie. Mapped Types transformieren bestehende Typen systematisch mit der Syntax K in keyof T, setzen und entfernen readonly und optionale Modifikatoren gezielt und benennen Schlüssel mit as um, ganz ohne Duplizierung.
-
20.04.2026
Wer von Python nach TypeScript wechselt, bringt bereits ein gutes Gefühl für Typannotationen aus mypy mit, muss aber ein grundlegend anderes Typsystem verstehen: strukturell statt nominal, mit einem Compiler, der nichts zur Laufzeit prüft.
-
20.04.2026
Eigene Type Predicates erlauben es, dem TypeScript-Compiler mit einer selbst geschriebenen Funktion mitzuteilen, welchen konkreten Typ ein Wert nach einer Prüfung tatsächlich hat. Richtig eingesetzt ersetzen sie manuelle Type Assertions durch echte, vom Compiler nachvollziehbare Narrowing-Logik.
-
20.04.2026
Das NestJS GraphQL Module generiert das komplette GraphQL-Schema automatisch aus TypeScript-Klassen und Decorators, statt eine separate SDL-Datei zu pflegen. ObjectType, Field, Resolver und Args-Decorator bilden zusammen einen Code-First-Ansatz, bei dem Typsicherheit vom Datenbankmodell bis zur GraphQL-Response durchgängig erhalten bleibt, inklusive Autovervollständigung und Refactoring-Unterstützung in der IDE.
-
18.04.2026
Magento liefert seinen GraphQL-Endpoint ohne Typinformationen fuer den Client, wodurch Storefront-Code auf gutes Glueck auf Feldnamen und Nullability vertraut. graphql-code-generator erzeugt aus dem echten Schema automatisch TypeScript-Typen und typisierte Query-Dokumente, sodass fehlerhafte Feldzugriffe und vergessene Null-Pruefungen schon beim Kompilieren auffallen statt erst im Checkout eines echten Kunden.
-
14.04.2026
Workspaces sind die technische Grundlage, ohne die kein TypeScript-Monorepo funktioniert, doch die drei großen Package Manager lösen Symlinks, Hoisting und das workspace-Protokoll unterschiedlich, und diese Unterschiede sind die Ursache für viele schwer nachvollziehbare Import-Fehler.