Tag: TypeScript

1. Utility Types im Ueberblick: Partial, Pick, Omit und Co.

   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.

   Read more

2. TypeScript mit GraphQL Code Generator: Typen aus dem Schema

   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.

   Read more

3. Discriminated Unions für robuste State-Modellierung

   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.

   Read more

4. Mapped Types: Bestehende Typen systematisch transformieren

   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.

   Read more

5. TypeScript und Magento GraphQL: Typsichere Storefront-Anbindung

   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.

   Read more

6. npm-, pnpm- und Yarn-Workspaces: Paketverlinkung im TypeScript-Monorepo

   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.

   Read more

7. Strict Mode in TypeScript: Welche Flags wirklich wichtig sind

   11.04.2026

   Der strict Modus in TypeScript ist kein einzelner Schalter, sondern ein Bündel aus acht Compiler-Flags, die gemeinsam über echte Typsicherheit entscheiden. Wer strict erst nach Jahren aktiviert, sieht oft tausende Fehler auf einmal und bricht die Migration ab. Dieser Artikel zeigt, welche Flags den größten Nutzen bei geringstem Aufwand bringen und wie eine Bestandscodebasis realistisch schrittweise umgestellt wird.

   Read more

8. TypeScript mit Fastify: Schema-Validierung und Typinferenz

   09.04.2026

   Fastify behandelt JSON Schema nicht als Zusatzfeature, sondern als zentralen Baustein: dasselbe Schema validiert eingehende Requests zur Laufzeit, beschleunigt die Serialisierung der Antwort und liefert mit TypeBox automatisch den passenden TypeScript-Typ, ohne dass Entwickler Typen manuell doppelt pflegen muessen.

   Read more

9. Technical Debt durch any managen: Governance statt Einzelaktionen

   26.03.2026

   Technical Debt durch any-Nutzung verschwindet nicht durch einen einmaligen Aufräumtag, sondern wächst leise weiter, solange kein System dahinter steht. CI-Budgets, Ticket-Pflicht für Ausnahmen, klare Ownership und regelmäßiges Reporting machen aus any-Technical-Debt ein messbares, steuerbares Governance-Thema statt eines schlechten Gewissens im Team.

   Read more

10. Versionierung interner TypeScript-Pakete: Changesets und Semver im Monorepo

    24.03.2026

    Ohne einen strukturierten Versionierungsprozess enden interne TypeScript-Pakete entweder bei einer einzigen globalen Versionsnummer für das gesamte Monorepo oder bei handgeschriebenen Changelogs, die niemand konsistent pflegt. Changesets löst beide Probleme mit einem deklarativen, review-fähigen Workflow.

    Read more