React Fortgeschrittene
React-Grundkenntnisse sind schnell erworben, aber produktive React-Codebasen in Unternehmensumgebungen stellen andere Anforderungen: Performance bei wachsenden Komponentenbäumen, strukturiertes Testing, konsistentes State Management und skalierbare Projektarchitekturen. Dieser Kurs richtet sich an Teams, die ihre React-Praxis auf das nächste Produktionsniveau bringen wollen.
Ziele
Sie erwerben das Wissen, um React-Anwendungen performance-orientiert zu entwickeln und langfristig wartbar zu halten. Sie lernen, wie React.memo, useMemo und useCallback sinnvoll eingesetzt werden, wie Testing mit React Testing Library und Vitest strukturiert wird und wie skalierbare Architekturen mit Feature-Slicing und Custom Hooks aufgebaut werden.
Behandelte Themen
Die Module im Überblick
Modul 1: Erweiterte Hooks und Composable Logic
- useCallback und useMemo: wann sinnvoll, wann premature optimization
- Custom Hooks als testbare Logikbausteine
- useRef für DOM-Zugriff und persistente Werte
- useContext und Context-Composition-Pattern
Modul 2: TypeScript-Vertiefung für React
- Generic Komponenten: wiederverwendbare, typsichere Patterns
- Discriminated Unions für Komponentenzustände
- Utility-Typen: Partial, Required, Pick in React-Code
- Typsicheres Event-Handling und Formular-Patterns
Modul 3: Performance-Optimierung
- React.memo: wann Re-Renders vermieden werden sollten
- Profiler und React DevTools Performance-Tab
- Lazy Loading mit React.lazy und Suspense
- Virtualisierung: react-virtual für große Listen
Modul 4: State Management-Strategien
- Wann reicht Context, wann braucht es Zustand/Jotai?
- Zustand: minimaler globaler State ohne Boilerplate
- TanStack Query Advanced: Prefetching, Infinite Query, Dependent Queries
- Server State vs. Client State: klare Trennlinie ziehen
Modul 5: React Server Components und Next.js
- RSC-Architektur: Server Component Tree und Client-Boundary
- Datenabruf in Server Components ohne useEffect
- Streaming und Suspense in Next.js App Router
- Client-Komponenten in RSC-Bäumen korrekt einsetzen
Modul 6: Testing-Strategie
- Testpyramide für React: Unit, Integration, E2E
- React Testing Library: user-centric Testing-Philosophie
- Vitest: schnelles Testing im Vite-Ecosystem
- Mocking mit msw: API-Mocks für Tests und Storybook
Modul 7: Architektur und Skalierung
- Feature-Slicing: Codebase nach Business-Domänen strukturieren
- Barrel-Exports und Import-Regeln für große Projekte
- Monorepos mit Nx oder Turborepo: Code teilen zwischen Apps
- Design Systems und Storybook: UI-Dokumentation
Modul 8: KI-unterstützte Entwicklung und Qualitätskontrolle
- GitHub Copilot und Claude Code für Refactoring und Test-Generierung
- Prompt-Strategien: Komponenten und Custom Hooks generieren lassen
- Kritische Bewertung von KI-generiertem React-Code
- Code Review-Standards und ESLint-Konfiguration
Kodschul-Trainer & Team
Lernen Sie von Experten - erfahrene Fachleute mit praktischem Know-how
Erfahrene Trainer mit praktischer Technik-Erfahrung
Über 3000 Fachkräfte in zwei Jahren geschult
Praxisnahe Expertise und tiefes Branchenwissen
Wirkungsvolles Lernen mit realen Anwendungen
Über 300+ Projekte gemeinsam abgeschlossen
Experte für IT & KI, Trainer
Experte für IT & KI, Trainer
Experte für IT & KI, Trainer, CEO
Experte für IT & KI, Trainer
Experte für IT & KI, Trainer
Experte für IT & KI, Trainer
Joelle Keim
Key Account Manager
Selina Schmid
Seminar Manager
Elisa Saleh
Back Office
Lars Gerigk
Portfolio Manager
Axel Kamga
Trainer & Vertrieb
Sebastian Carnal
HR & People
So läuft das Training ab
Unsere Schulungen sind 100% hands-on, mit einem praktischen Anteil von 70% und 30% Theorie. Sie finden vor Ort, bei uns oder online (auf allen gängigen Plattformen) statt. Zusätzlich erhalten die Teilnehmenden kostenfrei Hands-outs und Unterlagen, die sie zur Vertiefung und weiteren Anwendung nutzen können.
Grundlagen
Zu Beginn sorgen wir dafür, dass alle Teilnehmenden auf denselben Wissensstand gebracht werden, unabhängig von ihrem Ausgangsniveau. So wird jeder optimal auf die weiteren Themen vorbereitet, und niemand bleibt zurück.
Durchführung
Wir starten mit einer Einführung in das Thema, gefolgt von Demos und praxisnahen Beispielen. Anschließend üben die Teilnehmenden eigenständig, während der Trainer individuelles Feedback gibt und bei Bedarf Korrekturen vornimmt.
Anwendungsfälle
Das Gelernte wird auf konkrete Anwendungsfälle der Teilnehmenden angewendet. In einer praxisorientierten Session erarbeiten wir gemeinsam Lösungen, die den Teilnehmern helfen, das Wissen direkt in ihren Arbeitsalltag zu integrieren.
Am häufigsten gestellte Fragen
Für wen ist dieser Kurs konzipiert?
+Wie kann ich mich für den Kurs anmelden?
+Wie hoch sind die Kosten für den Kurs?
+Brauche ich Vorkenntnisse zum Thema des Kurses?
+Werde ich das Gelernte in diesem Kurs anwenden können?
+Welche Software oder Tools benötige ich für den Kurs?
+Lassen Sie uns über Ihr nächstes Training sprechen.
Unser Team steht Ihnen rund um die Uhr zur Verfügung und freut sich auf Ihre Anfrage. Einfach anrufen oder eine Nachricht hinterlassen – wir kümmern uns schnellstmöglich um Ihre Anfrage, ob es um eine Schulung, einen Vortrag oder eine Präsentation geht. Jetzt loslegen!
Joelle Keim
Key Account Manager