TypeScript: Anleitungen und Praxiswissen | Seite 11 | mironsoft Blog
TypeScript
-
15.04.2025
Fertige Regelsets decken generische Probleme ab, aber jedes gewachsene Projekt hat eigene Konventionen, die sich nur durch eigene Regeln maschinell durchsetzen lassen. Dieser Artikel zeigt den Aufbau einer ESLint-Regel von der Grundstruktur über syntaktisches und typisiertes Linting bis zu Fixer-Funktionen, Tests mit dem RuleTester und der Einbindung in eine ESLint-9-Flat-Config.
-
14.04.2025
Effect-TS macht mit dem Typ Effect sichtbar, was try-catch verschweigt: welche Fehler eine Operation werfen kann und welche Abhängigkeiten sie zur Ausführung benötigt. Beides wird Teil der Signatur, nicht nur eine Randnotiz in der Dokumentation.
-
12.04.2025
Eine Liste-Komponente, die Zeilen rendert, egal ob es sich um Benutzer, Produkte oder Bestellungen handelt, ist ein klassischer Fall für TypeScript-Generics, doch in einer Vue-Komponente fehlte lange die passende Syntax dafür. Seit Vue 3.3 unterstützt script setup ein eigenes generic-Attribut, mit dem sich Props, Emits und Slots typsicher an einen generischen Typparameter binden lassen, ohne auf any oder unknown auszuweichen. Das Ergebnis sind Komponenten, die sich wie generische Funktionen verhalten: einmal geschrieben, aber für beliebige, konkrete Item-Typen mit voller Autovervollständigung nutzbar.
-
11.04.2025
Wer TypeScript-Projekte mit Webpack baut, steht vor einer zentralen Entscheidung: volle Typprüfung im Build oder maximale Kompiliergeschwindigkeit. Dieser Artikel zeigt, wie ts-loader, babel-loader und fork-ts-checker-webpack-plugin zusammenspielen, wie eine typsichere webpack.config.ts aufgebaut wird und wann der Wechsel zu esbuild, swc, Vite oder Rspack tatsächlich lohnt.
-
10.04.2025
Ein einzelnes Zod-Schema ist schnell geschrieben, aber in einer wachsenden Codebasis mit Dutzenden Endpunkten und Domänenobjekten entsteht ohne bewusste Architektur schnell Wildwuchs aus dupliziertem Validierungscode. Dieser Artikel zeigt konkrete Zod Schema Design Patterns für Wiederverwendung, discriminated Unions, rekursive Baumtypen, Transform-Pipelines und Branded Types, mit denen Validierungslogik genauso strukturiert wird wie jeder andere Teil der Anwendungsarchitektur.
-
07.04.2025
Wer ein TypeScript-Projekt ohne Multi-Stage-Build in ein Docker-Image packt, verschifft den kompletten TypeScript-Compiler, alle devDependencies und den Quellcode in die Produktion. Ein sauberer Multi-Stage-Build trennt Kompilierung, Dependency-Bereinigung und Runtime in drei Stufen und reduziert Image-Größe, Angriffsfläche und Deployment-Zeit spürbar.
-
07.04.2025
Ein falsch konfiguriertes ESLint-Setup uebersieht entweder echte Typfehler oder bremst jeden Commit mit unnoetig langsamen type-aware Regeln aus. Mit der modernen Flat Config, dem Paket typescript-eslint und einer klaren Trennung zwischen schnellem Syntax-Lint und vollstaendigem Type-Check laesst sich beides gleichzeitig erreichen: verlaessliche Fehlererkennung und ein Entwicklungsworkflow, der nicht ausbremst.
-
07.04.2025
composite, references und tsc --build ersetzen den vollständigen Neu-Compile durch inkrementelle, parallelisierbare Teil-Builds pro Paket.
-
02.04.2025
React 19 hebt einen der aeltesten Sonderfaelle des Frameworks auf: ref laesst sich jetzt direkt als normale Prop entgegennehmen, ganz ohne forwardRef-Wrapper. Dieser Artikel zeigt das neue Muster, wie bestehende forwardRef-Komponenten migriert werden, die TypeScript-Typisierung und wie beide Muster in einer gemischten Codebasis sicher nebeneinander bestehen.
-
29.03.2025
Ein Projekt, das jahrelang ohne strictNullChecks gewachsen ist, hat mit hoher Wahrscheinlichkeit hunderte oder tausende Stellen, an denen null oder undefined nicht behandelt werden. Die Option strictNullChecks nachträglich einzuschalten, bricht in so einem Projekt meist sofort den Build mit einer erdrückenden Fehlerliste, weshalb eine schrittweise, ordnerweise Migration fast immer der einzig realistische Weg ist.