Manuel Wenner
Frontend
React und TypeScript, an einer Movie-App Zuerst die Basics. Dann der Stack von heute.
Komponenten, Props und State müssen sitzen. Danach Vite, TypeScript, TanStack Query, Redux Toolkit und Zustand an derselben Movie-App. Für Entwickler mit JavaScript-Basis und für Product Owner, die Aufwand einordnen müssen.
Rahmen
Für wen das gedacht ist.
Zielgruppe
- Entwickler mit JavaScript-Grundkenntnissen, die zu React und TypeScript wollen
- Frontend-Entwickler mit Angular- oder Vue-Hintergrund
- Product Owner und Projektverantwortliche, die die technischen Möglichkeiten einordnen müssen
- Teams, die eine gemeinsame Basis für ein React-Projekt brauchen
Voraussetzungen
JavaScript-Grundlagen helfen. TypeScript kommt in der Schulung an der App, nicht als Extra-Seminar. Für Einsteiger gibt es bei Bedarf einen kompakten JS-Crashkurs davor. Laptop mit aktueller Node-Umgebung.
Nutzen
Was ihr danach könnt.
- JSX, Komponenten, Props und State in TypeScript sicher nutzen
- Eine wartbare Komponentenstruktur aufbauen
- Daten laden (fetch verstehen, TanStack Query im Projekt) und State so schneiden, dass die App im Alltag trägt
- Einordnen, wann Redux Toolkit im Bestand liegt und wann Zustand reicht
- Einschätzen, welche Features in welchem Aufwand liegen
Ablauf
Inhalte.
Zuerst die Basics
- Vite und TypeScript von der ersten Datei an
- JSX, Komponenten, Props, State, Listen, Events
- React Router in der aktuellen Version
- Kleine Übungen mit Advanced-Variante
Dann die Movie-App, mit dem Stack von heute
- Filme und Serien verwalten: Liste, anlegen, löschen, bewerten, Favoriten, lokal speichern
- The Movie Database: erst fetch, dann TanStack Query für Laden, Cache und Fehler
- Hooks in Kleingruppen (30 Minuten Mini-App, dann vorstellen)
- Globaler State: Redux Toolkit, weil viele Bestandsprojekte so gebaut sind, Zustand wo weniger Boilerplate reicht
- Tests mit Vitest und React Testing Library
- Material UI über Liste und Buttons
- Product Owner sitzen mit im Raum, um Aufwand einordnen zu können
Präsenz oder Live-Online. Inhouse im Unternehmen oder über Schulungspartner. Dauer und Zuschnitt passen wir an das Team an.
Stimmen
Aus bisherigen Schulungen.
„Kein Folien-Marathon. Wir haben durchgängig geübt, und Fragen aus unserem Arbeitsalltag sind direkt in die Übungen gewandert.“
Softwareentwickler DB Systel, über Cegos Integrata GmbH
„Dass echte Themen aus der Runde aufgegriffen und gemeinsam gelöst wurden, hat den Unterschied gemacht. Danach konnte ich das im Projekt anwenden.“
Product Owner DB Systel, über Cegos Integrata GmbH
Nächster Schritt
Passt das für euer Team?
30 Minuten, unverbindlich. Ihr schildert Ausgangslage und Ziel, ich sage euch ehrlich, welches Format Sinn ergibt. Preis auf Anfrage, je nach Dauer, Teilnehmerzahl und Ort.