Nächste Termine verfügbar

Der beste Weg mit
React zu starten.

Name: React & TypeScript Intensiv
Brand: workshops.de
SKU: react-intensiv
Rating: 4.7 (2500 reviews)

Unsere Schulungen machen dich fit für den produktiven Einsatz von React. Vertraue wie über 2000+ Teilnehmer:innen vor dir auf unsere Expertise.

Vor Ort Remote Inhouse

Schulung buchen Alle Kurse ansehen

Unsere React-Schulungen

Erweitere dein React-Wissen mit diesen Kursen.

React: Modul 1 - Komponenten, Reaktivität & Schnittstellen

Intensiv-Schulung für den Einstieg in React v19 und TypeScript. Komponenten, Hooks, Routing und API-Anbindung.

3 Tage Vor Ort oder Remote

Zur Schulung

React: Modul 2 - Architektur & Qualität

Intensiv-Schulung für fortgeschrittene React-Entwickler:innen. Architektur, Testing, Performance und State Management.

3 Tage Vor Ort oder Remote

Zur Schulung

Frontend Architektur

Moderne Webentwicklung und Frontend-Architektur. Lerne nachhaltige und skalierbare Konzepte.

4 Tage Vor Ort oder Remote

Zur Schulung

React Native

Mobile App-Entwicklung mit React Native. Erstelle native Apps für iOS und Android.

3 Tage Vor Ort oder Remote

Zur Schulung

Alle Schulungen werden von workshops.de durchgeführt.

Interaktiver Workshop

Schneller und angenehmer lernen.

React ist die beliebteste Bibliothek zur Erstellung moderner Benutzeroberflächen und zahlreiche Unternehmen setzen mittlerweile auf React in der Produktentwicklung. Ob Single-Page-Anwendungen, komplexe Dashboards oder Mobile Apps mit React Native – die Einsatzmöglichkeiten sind enorm. Mit Version 19 hat React sich erneut übertroffen und überzeugt mit innovativen Features wie dem neuen Compiler, Server Components und Actions.

In unserer React Schulung vermitteln wir die Grundlagen des Frameworks und zeigen unseren Teilnehmer:innen, wie sie ein Projekt-Setup planen und professionell aufbauen können.

Wir bieten sowohl offene als auch geschlossene Workshops an. Erstere zeichnen sich dadurch aus, dass der Termin bereits vorgegeben ist und die Anmeldung jedem beliebigen Teilnehmer online zur Verfügung steht. Geschlossene bzw. Inhouse-Schulungen kommen durch Anfragen von Unternehmen zustande und werden sowohl terminlich als auch inhaltlich ganz individuell abgestimmt.

Aktuell fokussieren wir uns auf das Homeoffice und bieten 6-Tage-Teilzeit-Workshops an. So könnt Ihr weiterhin an Euren Projekten arbeiten und fallt nicht komplett aus. Gerade Entwickler können sich selten für eine ganze Woche freimachen. Ständig meldet sich ein Kunde oder der Chef, weil irgendetwas ganz dringend gemacht werden muss.

60 % Praxisanteil
Musterlösungen zu allen Aufgaben
Aktuelle Inhalte basierend auf React 19
Viel Zeit für Fragen
Zeit für Gruppenarbeit und Breakout-Sessions
Interaktive Meetings für Fragen und Diskussionen
Dauerhafter Zugriff auf Materialien, Aufzeichnung und Transkripte

Was sind React bzw. TypeScript?

Ein Kurzüberblick, um
was es geht.

React

React ist eine von Meta (Facebook) entwickelte JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen. Sie zeichnet sich durch ihren komponentenbasierten Ansatz, das Virtual DOM und ein deklaratives Programmiermodell aus. Mit React 19 bietet die Bibliothek moderne Features wie Server Components, den neuen React Compiler und Actions für eine noch produktivere Entwicklung. React ist die meistgenutzte UI-Bibliothek weltweit und bildet die Basis für Frameworks wie Next.js und Remix.

TypeScript

TypeScript wird seit 2012 von Microsoft entwickelt und ist ein Aufsatz auf die Sprache JavaScript (die Basis der Web-Anwendungsentwicklung). Es erweitert diese u.a. um ein Typensystem, das die Entwicklung und Pflege von Webanwendungen stark unterstützt. Gerade Entwickler:innen, die vorher Programmiersprachen wie Java oder C# gelernt haben, finden sich so deutlich leichter zurecht.

"Die Trainer:innen sind absolute Profis und übermitteln ihre Begeisterung für das Thema. Unsere Mitarbeiter profitieren von intensiven, praktischen Trainings, in denen auf ihre Bedürfnisse eingegangen wird. Das Feedback ist ausgesprochen gut."

Annika Stille

Verantwortliche für interne Weiterbildung, Adesso AG

Agenda

Wissen aus der Praxis.

Wir sind selbst Entwickler:innen und wissen, welche Probleme zuerst in der echten Welt auftreten werden. Deshalb arbeiten wir mit Beispielen, die aus der echten Welt stammen. Diese haben wir dann auf den Kern reduziert, um diese leicht vermitteln zu können. Der Praxis-Anteil liegt dabei bei 60%.

Grundlagen TypeScript

Wir starten mit einer kurzen Einführung in TypeScript (ca. 3 Stunden). Dort lernen wir die Grundlagen für den anschließenden React-Teil.

Warum TypeScript?

Type Inference

Typendefinitionen

Interfaces & Type Aliases

Generics

Utility Types

Enums und Union Types

Best Practices

React Komponenten und Hooks

Danach erarbeiten wir die Grundkonzepte von React entlang einer durchgehenden Beispiel-Anwendung. Dazu gibt es immer einen kurzen Theorie-Teil, gefolgt von einer Aufgabe. Zu den verschiedenen Schritten stellen wir eine Musterlösung bereit.

Was ist React und wie funktioniert JSX?

Funktionale Komponenten und Props

State mit useState und useReducer

Side Effects mit useEffect

Event Handling und Conditional Rendering

Listen und Keys

Komponentenarchitektur und Composition

Styling-Strategien (CSS Modules, Tailwind, Styled Components)

React DevTools

Routing und Data Fetching

Nach den Grundlagen gehen wir dazu über unsere Demo-Applikation mit Navigation und Datenanbindung auszubauen.

Client-seitiges Routing mit React Router

Dynamische Routen und URL-Parameter

Nested Routes und Layouts

Data Loading und Suspense

REST-API Zugriff mit fetch und Axios

Fehlerbehandlung und Error Boundaries

Loading States und Optimistic Updates

React Formulare und Validierung

Als Nächstes gehen wir zu den Themen über, die den Kern von nahezu jeder Anwendung bilden.

Controlled vs. Uncontrolled Components

Form Handling mit React Hook Form

Validierung mit Zod

Custom Form Components

React 19 Form Actions und useActionState

State Management

In mittel bis großen Anwendungen wird die Verwaltung des Zustandes der Applikation immer wichtiger, daher widmen wir uns dem Thema State Management mit verschiedenen Ansätzen.

Context API und useContext

Wann brauche ich eine State Library?

Zustand als leichtgewichtige Alternative

Redux Toolkit (optional)

React Query / TanStack Query für Server State

Optimistic Updates und Caching

Architektur großer Anwendungen

Wie teilt man eine Applikation am Besten auf und warum? Wie programmiere ich zukunftssicher? In diesem Teil liefern wir die Antworten.

Komponentenarchitektur und Design Patterns

Feature-basierte Projektstruktur

Custom Hooks als Wiederverwendbare Logik

Monorepo mit Nx oder Turborepo

Performance-Optimierung (memo, useMemo, useCallback)

Code Splitting und Lazy Loading

Erweiterte Agenda

Angepasst auf eure Bedürfnisse.

Wir stellen euch als Trainer:innen-Community ein großes Portfolio an Materialien und Aufgaben zur Verfügung. Da in wenigen Tagen aber nur eine bestimmte Menge an Wissen aufgenommen werden kann, haben wir fortführende Themen die wir auf die jeweiligen Bedürfnisse und Herausforderungen der Gruppe anpassen. Wenn ihr also die Grundlagen schon kennt, werden diese nur kurz wiederholt damit alle dieselbe Terminologie und Konzepte benutzen. Dies klappt in die andere Richtung natürlich genauso und es können z.B. Basis-Module für HTML & CSS dazu genommen werden.

Aktuell haben wir über 20 Module die wir in unserer React Schulung kombinieren können. In unserem workshops.de virtuellen Klassenraum können wir diese dynamisch und flexibel verwalten. Wir wollen an dieser Stelle auch klar kommunizieren, dass in unseren öffentlichen Schulungen durch die oft sehr gemixte Gruppe nicht alle Zusatzmodule im Detail besprochen werden können. Hier eine Auswahl unserer zusätzlichen Module:

React weiterführende Themen

Die restliche Zeit widmen wir individuellen Themenwünschen. Hierbei kann die Gruppe wählen, welche Themen am relevantesten für sie sind. Wir haben über 600 Folien, aus denen ad hoc ausgewählt werden kann.

React Server Components

React Compiler (React Forget)

Suspense und Concurrent Features

useTransition und useDeferredValue

Portals und Refs

Higher-Order Components vs. Custom Hooks

Internationalisierung (i18n)

Accessibility (a11y)

Testing & Debugging

Manuelles Testen ist sehr Zeitaufwändig und lenkt euch von der eigentlichen Entwicklung ab. Mit einer sinnvollen Teststrategie könnt ihr euren Code absichern und schneller entwickeln.

Unit Tests mit Vitest

Component Testing mit React Testing Library

Mocking von APIs und Modulen

E2E Testing mit Playwright

React DevTools Profiler

Snapshot Testing

Next.js Framework

Next.js ist das Meta-Framework für React und bietet Server-Side Rendering, Static Site Generation und eine hervorragende Developer Experience out of the box.

App Router und File-based Routing

Server-Side Rendering (SSR)

Static Site Generation (SSG)

API Routes und Server Actions

Middleware und Authentication

Image Optimization und Fonts

Bewertungen

Die Meinung unserer Teilnehmer:innen zählt.

Nach jeder Schulung bitten wir unsere Teilnehmer:innen um Feedback. Aus insgesamt 308 abgegebenen Bewertungen erreichen wir aktuell eine durchschnittliche Bewertung von 4.6 Sternen.

Alle Bewertungen anzeigen →

"Der Workshop hilft beim Einstieg in die React-Entwicklung und schafft ein besseres Verständnis für das Framework anhand von guten Beispielen."

"Es war ein wirklich sehr guter, strukturierter Workshop mit vielen Praktischen Übungen."

"Richtig gute Schulung! Ich habe viel gelernt insbesondere durch die praktischen Übungen und das gute Material, das einem auch noch im Nachgang zur Verfügung steht. Richtig guter Trainer. Hat Spaß gemacht! Die sechs halben Tage sind ein super Konzept."

"Grundlagen stärken und verstehen was die Technologie macht und und überhaupt kann."

"Der Workshop hat mir dabei geholfen, die Basics nochmal zu festigen und besser zu verstehen. Es wurden viele Best Practices angesprochen, die auch in realen Projekten Anwendung finden können. Eine Bereicherung!"

"Der Workshop hat mir auf jeden Fall die anstehende Arbeit im bestehenden Projekt sowohl im Verständnis als auch im "Anfassen" stark vereinfacht. Sehe jetzt, wie ich konkret viele Dinge drastisch vereinfachen kann. Vielen Dank dafür"

Kosteneffizienz

Spare Kosten.

Kennst Du die Studie der Standish Group? Fehler ganz am Anfang eines Projektes sind die Teuersten. Wir arbeiten seit über 10 Jahren mit React und haben die meisten Fehler schon gemacht. Nutze unsere Erfahrung und vermeide die häufigsten Anfängerfehler.

Kostenersparnis durch professionelle Schulung

Voraussetzungen

Ohne viel Vorwissen direkt starten.

Voraussetzung sind Grundlagenkenntnisse in JavaScript und HTML. Innerhalb des Workshops gehen wir auf die individuelle Situation der Gruppe ein und passen sowohl den Fokus als auch die Geschwindigkeit an. Somit können dann z.B. Grundlagen noch einmal wiederholt oder auch übersprungen werden.

Technische Voraussetzung für die Schulung ist ein Notebook mit Windows, Linux oder MacOS. Weiterhin wird Node.js mit einigen Paketen benötigt, du bekommst hierzu eine Schritt-für-Schritt-Anleitung nach deiner Anmeldung zu diesem Workshop.

Teilnehmer beim Programmieren in der Schulung

Enthaltene Leistungen

Alles Wichtige ist dabei.

Vorgespräch mit Trainer:in

Jede Gruppe ist anders. Damit wir den Workshop für euch optimal konzipieren können, führen wir vor jedem In-House Workshop ein intensives Gespräch mit euch.

Kursunterlagen inkl. Updates

Du erhältst Zugriff auf alle Unterlagen und Zusatzmaterialien über unser virtuelles Klassenzimmer. Mit deinem Account hast du lebenslangen Zugriff - inkl. Aktualisierungen!

Teilnahmezertifikat

Nach erfolgreichem Abschluss erhältst du ein offizielles Teilnahmezertifikat als Nachweis deiner Weiterbildung. Das Zertifikat ist auf LinkedIn teilbar.

Essen & Trinken

In unseren öffentlichen Schulungen sind Essen und Trinken für die komplette Veranstaltungszeit enthalten. Vegetarische Optionen sind verfügbar.

Kontakt

Sind noch Fragen offen?

Robin Böhm

Dann schreib' uns einfach eine E-Mail an info@reactjs.de. Wenn du einen persönlicheren Kontakt vorziehst, freuen wir uns auch über einen Anruf von dir! Wir sind werktags von 8 bis 13 Uhr telefonisch unter +49 30 / 75437336 erreichbar.

Alle React-Schulungen

Finde die passende Schulung für dein Level und deine Ziele.