React mit TypeScript

Projektsetup und Architektur

• Vite-Projektsetup mit TypeScript
• React-Projektstruktur für TSX
• TypeScript-Vorteile im React-Projekt
• Typische Integrationsprobleme
• Visual Studio Code und WebStorm

TypeScript-Grundlagen für React

• Statische und dynamische Typen
• Variablen, Funktionen und Klassen
• Objekttypen und Interfaces
• Union Types und Generics
• any, unknown und Typverengung
• Typdefinitionen und .d.ts-Dateien

React-Komponenten mit TypeScript

• TSX im Vergleich zu JSX
• Props und Component Types
• State und Event-Typisierung
• Hooks mit TypeScript
• @types/react und @types/react-dom
• Eigene React-Type-Definitionen

Build, Konfiguration und Tooling

• tsconfig.json für React-Projekte
• Strict Mode und Compiler-Optionen
• Build-Tooling mit Vite
• Webpack- und Babel-Konfiguration
• Linting und Editor-Unterstützung

State-Management und Routing

• Application Store mit Redux Toolkit
• Redux Thunk mit TypeScript
• Typisierte Actions und Reducer
• Typisierte Selektoren und Dispatches
• Routing mit React Router

Integration, Qualität und Best Practices

• Anbindung an Webservices
• Typisierung externer JavaScript-Bibliotheken
• Dos and Don’ts für React
• Testing mit Jest und Vitest
• JSDoc in TypeScript-Projekten

• Solide React-Kenntnisse, vergleichbar mit dem React Grundkurs
• Sicherer Umgang mit JavaScript und modernen ES6+-Sprachmitteln
• Grundverständnis von Komponenten, Props, State und Hooks
• TypeScript-Kenntnisse sind hilfreich, aber nicht erforderlich

• React-Entwicklerinnen und React-Entwickler mit Erfahrung in Komponenten, Props, State und Hooks
• Frontend-Entwicklerinnen und Frontend-Entwickler, die JavaScript-Anwendungen auf TypeScript umstellen
• Webentwicklerinnen und Webentwickler, die wartbare Single-Page-Applications mit React erstellen
• Projektteams, die bestehende React-Codebasen typsicher erweitern oder modernisieren