TypeScript: Projekt-Ideen

Fünf kleine Projekte zum Selbermachen. Jedes hat ein Ziel, Schritte und eine Erweiterung für später. Such dir eins aus und fang an, ohne perfekt zu sein.

1. Typisierte Aufgabenliste
Eine To-do-App, bei der Aufgaben ein klares Interface haben.
Schritte
1. Interface Aufgabe mit Status als Union definieren
2. Funktionen zum Hinzufügen und Filtern typisieren
3. Ausgabe per Konsole oder DOM
Erweiterung: Generische Speicher-Klasse für beliebige Typen
2. Validierung mit Type Guards
Prüft eingehende JSON-Daten zur Laufzeit auf ihre Form.
Schritte
1. Zieltyp als Interface festlegen
2. Type Guard mit unknown schreiben
3. ungültige Datensätze mit Fehlertext melden
Erweiterung: Fehlerliste mit Pfad zum falschen Feld
3. Zustandsautomat
Ein Bestellstatus, der nur erlaubte Übergänge zulässt.
Schritte
1. Zustände als diskriminierte Union modellieren
2. Funktion übergang(zustand, ereignis) mit switch bauen
3. unerlaubte Fälle vom Compiler erkennen lassen (never)
Erweiterung: Verlauf aller Übergänge protokollieren
4. Generischer Cache
Ein kleiner Zwischenspeicher mit Ablaufzeit.
Schritte
1. Klasse Cache<K, V> mit Map anlegen
2. Einträge mit Zeitstempel speichern
3. abgelaufene Einträge beim Lesen entfernen
Erweiterung: Maximale Größe mit Verdrängung des ältesten Eintrags
5. Typsichere API-Antworten
Lädt Daten von einer API und gibt sie typisiert weiter.
Schritte
1. Antworttypen als Interfaces beschreiben
2. fetch-Funktion generisch machen
3. Fehler als Union aus Erfolg und Fehler zurückgeben
Erweiterung: Antworten mit einer Bibliothek wie zod prüfen

← TypeScript

Fünf kleine Projekte zum Selbermachen. Jedes hat ein Ziel, Schritte und eine Erweiterung für später. Such dir eins aus und fang an, ohne perfekt zu sein.

1. Typisierte Aufgabenliste

Eine To-do-App, bei der Aufgaben ein klares Interface haben.

Schritte

Interface Aufgabe mit Status als Union definieren
Funktionen zum Hinzufügen und Filtern typisieren
Ausgabe per Konsole oder DOM

Erweiterung: Generische Speicher-Klasse für beliebige Typen

2. Validierung mit Type Guards

Prüft eingehende JSON-Daten zur Laufzeit auf ihre Form.

Schritte

Zieltyp als Interface festlegen
Type Guard mit unknown schreiben
ungültige Datensätze mit Fehlertext melden

Erweiterung: Fehlerliste mit Pfad zum falschen Feld

3. Zustandsautomat

Ein Bestellstatus, der nur erlaubte Übergänge zulässt.

Schritte

Zustände als diskriminierte Union modellieren
Funktion übergang(zustand, ereignis) mit switch bauen
unerlaubte Fälle vom Compiler erkennen lassen (never)

Erweiterung: Verlauf aller Übergänge protokollieren

4. Generischer Cache

Ein kleiner Zwischenspeicher mit Ablaufzeit.

Schritte

Klasse Cache<K, V> mit Map anlegen
Einträge mit Zeitstempel speichern
abgelaufene Einträge beim Lesen entfernen

Erweiterung: Maximale Größe mit Verdrängung des ältesten Eintrags

5. Typsichere API-Antworten

Lädt Daten von einer API und gibt sie typisiert weiter.

Schritte

Antworttypen als Interfaces beschreiben
fetch-Funktion generisch machen
Fehler als Union aus Erfolg und Fehler zurückgeben

Erweiterung: Antworten mit einer Bibliothek wie zod prüfen

← TypeScript