React mit TypeScript
Typisierte Komponenten, Hooks und State-Management sicher in wartbare Web-Applikationen überführen
Die wichtigsten Themen
Typsichere React-Komponenten
Typed Hooks und Props
Redux mit TypeScript
Routing und API-Anbindung
Tests für TSX-Komponenten
Überblick In dieser Schulung geht es um die Kombination von React und TypeScript in professionellen Web-Applikationen. React lässt sich sowohl mit JavaScript als auch mit TypeScript einsetzen. TypeScript erweitert JavaScript...
In dieser Schulung geht es um die Kombination von React und TypeScript in professionellen Web-Applikationen. React lässt sich sowohl mit JavaScript als auch mit TypeScript einsetzen. TypeScript erweitert JavaScript unter anderem um statische Typisierung, Interfaces, abstrakte Klassen und Generics. Dadurch werden viele Fehler bereits während der Entwicklung sichtbar, bevor sie später im Browser oder in der Anwendung auftreten. Für das Deployment wird TypeScript wieder in JavaScript transpiliert.
Der Schwerpunkt liegt auf den praktischen Unterschieden zwischen JavaScript und TypeScript im React-Umfeld. Auf Basis vorhandener React-Erfahrung, etwa aus dem React Grundkurs, entsteht eine funktionierende Web-Applikation mit typisierten Komponenten, Hooks, Routing, State-Management und weiteren React-Bibliotheken. Wer TypeScript noch nicht systematisch eingesetzt hat, findet im TypeScript Grundkurs eine passende Vorbereitung.
Die Schulung ist kein Einstieg in React, sondern richtet sich an Entwicklerinnen und Entwickler, die React bereits produktiv oder projektbezogen nutzen. Im Unterschied zum React Aufbaukurs: Redux, Routing, Testing steht hier die typsichere Umsetzung mit TypeScript im Mittelpunkt: Props, State, Events, Hooks, Store-Anbindung, API-Kommunikation und Tests werden konsequent typisiert umgesetzt.
- react
Die Themen Vite-Projektsetup mit TypeScript · React-Projektstruktur für TSX · TypeScript-Vorteile im React-Projekt · Typische Integrationsprobleme · Visual Studio Code und WebStorm · Statische und dynamische Typen...
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
Wer hier richtig ist
- 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
Das lernst du
- Sicherer Umgang mit TypeScript in bestehenden und neuen React-Projekten
- Typsichere Umsetzung von Komponenten, Props, State, Events und Hooks
- React-Anwendungen mit Routing, Store-Anbindung und API-Kommunikation strukturieren
- TypeScript-Konfigurationen für React-Projekte fachgerecht einordnen und anpassen
- Typische Fehlerquellen in React-TypeScript-Code erkennen und beheben
So arbeiten wir
- Live-Coding mit nachvollziehbaren Entwicklungsschritten
- Hands-on-Übungen an einer durchgängigen React-Web-Applikation
- Analyse typischer Fehlerbilder in React-TypeScript-Projekten
- Gemeinsame Refactorings von JavaScript- zu TypeScript-Strukturen
- Diskussion von Projektfragen aus dem Entwicklungsalltag
Empfohlene Vorkenntnisse
- 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
Dein Fahrplan
- Einordnung von TypeScript in React-Projekten
- Projektsetup mit Vite und TSX
- Compiler-Optionen und tsconfig.json
- Typen, Interfaces und Generics
- Props, State und Events typisieren
Organisatorisches
Lernformate
Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.
Schulungsarten
Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.
Aktuelle Software
In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.
Deine Vorteile
Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Inklusivleistungen
Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.
Lernen von Experten
Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.
Keine Vorkasse
Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.
Max. 8 Teilnehmende
Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.
Termine & Buchung
Vor Ort
Online
Nicht der passende Termin dabei?
Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.
Lieber gleich das ganze Team schulen?
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.
Inhouse-Schulung
Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.
- Inhalte exakt auf euch zugeschnitten
- Termine nach euren Bedürfnissen
- Günstiger ab mehreren Teilnehmern
- Vertraute Umgebung, kein Reiseaufwand
Firmen-Seminar
Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.
- Geschlossene Gruppe aus eurem Haus
- Individuelle Terminplanung
- An unseren Standorten oder Live-Online
- Angepasste Inhalte
Bewertungen & Feedback
Wissen
5.0
5.0
von 5 Bewertungen
Verständlichkeit
5.0
Fragen und Antworten zu React mit TypeScript
Ist diese Schulung ein React-Grundkurs?
Nein. Die Schulung setzt vorhandene React-Kenntnisse voraus und konzentriert sich auf den Einsatz von TypeScript in React-Projekten. Für den Einstieg in React ist der React Grundkurs die passende Vorbereitung.
Sind TypeScript-Vorkenntnisse erforderlich?
TypeScript-Vorkenntnisse sind nicht zwingend erforderlich. Die relevanten Sprachmittel werden im Kontext von React behandelt. Wer TypeScript vorher unabhängig von React lernen möchte, kann den TypeScript Grundkurs nutzen.
Wird mit JavaScript oder TypeScript entwickelt?
Die Übungen werden mit TypeScript umgesetzt. JavaScript dient als Vergleichsbasis, um die Unterschiede bei Props, State, Hooks, Store-Anbindung und API-Kommunikation verständlich einzuordnen.
Welche React-Bibliotheken kommen in der Schulung vor?
Behandelt werden unter anderem React Router, Redux beziehungsweise Redux Toolkit, Redux Thunk sowie Testing-Werkzeuge wie Jest oder Vitest. Der Schwerpunkt liegt jeweils auf der typsicheren Integration in React-Anwendungen.
Welche Schulung passt nach React mit TypeScript?
Für eine vertiefte Auseinandersetzung mit komplexeren Typmodellen eignet sich der TypeScript Aufbaukurs. Für UI-Komponenten oder API-Integration passen außerdem React und MUI sowie die React und GraphQL Schulung.
Entsteht im Training eine vollständige Anwendung?
Ja. Die Inhalte werden an einer funktionierenden Web-Applikation erarbeitet. Dabei werden Komponenten, Routing, State-Management, Webservice-Anbindung und Tests nicht isoliert, sondern im Zusammenspiel betrachtet.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs .
Passende Schulungen nach dem Kurs
Ähnliche Kurse
Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert
Aus der Praxis für die Praxis
Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.
Individuell statt "Schema F"
Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.
Maximale Freiheit: Remote oder vor Ort
Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.
Mit Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Über 20.000 Unternehmen und Behörden vertrauen auf uns
