Viele Frontend-Projekte werden mittlerweile auch mit Hilfe von TypeScript umgesetzt. Dabei wird das Potential von TypeScript meist nicht vollkommen ausgeschöpft, denn es gibt weit mehr als nur Interfaces. In diesem Talk möchte ich anhand von Beispielen aus meinen letzten Projekten ein paar erweiterte Konzepte vorstellen mit denen ihr euren Code noch typsicherer gestalten könnt.
Wir sehen uns folgende Konzepte genauer an:
- Generics
- Union/Intersection Types
- Alias Types
- Indexed Access Types
- Conditional Types
- Narrowing (Type Guards)
- Mapped Types
- Template Literal Types
Im /src-Verzeichnis sind einige Code-Beispiele vorhanden.
- POC typesafe api: https://github.com/ivanhofer/typesafe-api-endpoints
- typesafe i18n library: https://github.com/ivanhofer/typesafe-i18n
- typesafe Hilfsfunktionen:
- challenges:
- Type | Treat: https://dev.to/typescript
- type-cahllenges: https://github.com/type-challenges/type-challenges