React Grundkurs
In 3 Tagen zur eigenen React-Anwendung mit funktionalen Komponenten, JSX, Props und Hooks
Die wichtigsten Themen
React-App mit Vite aufsetzen
Funktionale Komponenten mit JSX
Props, Events und Formulare nutzen
State und Effekte mit Hooks steuern
REST-Daten und UI-Zustände abbilden
Online, Präsenz oder Inhouse
Überblick Der React Grundkurs führt dich in drei Tagen von einer vorhandenen JavaScript-Basis zu einer strukturierten, interaktiven React-Anwendung. Du arbeitest mit funktionalen Komponenten und JSX, übergibst Daten über...
Der React Grundkurs führt dich in drei Tagen von einer vorhandenen JavaScript-Basis zu einer strukturierten, interaktiven React-Anwendung. Du arbeitest mit funktionalen Komponenten und JSX, übergibst Daten über Props, verarbeitest Events und modellierst lokale Zustände mit Hooks. Für den Projektstart nutzt du Vite, da Create React App für neue Projekte nicht mehr empfohlen wird. So lernst du einen Aufbau kennen, den du direkt auf neue Frontend-Projekte übertragen kannst.
Eine durchgängige Beispielanwendung verbindet die einzelnen Konzepte. Du zerlegst eine Oberfläche in wiederverwendbare Komponenten, bindest Formulare und REST-Daten ein, behandelst Lade- und Fehlerzustände und prüfst deinen Code mit React Developer Tools. Du setzt useEffect ein, um Komponenten mit externen Systemen zu synchronisieren, und berücksichtigst Abhängigkeiten und Cleanup. Am Ende kannst du Komponentenstrukturen begründen, State passend platzieren und typische Fehler bei Props, Events und Hooks gezielt korrigieren.
React-Inhouse-Schulung für dein Team
Für Teams lässt sich der Grundkurs online oder vor Ort durchführen. Tooling, JavaScript oder TypeScript, Beispielcode und fachliche Schwerpunkte können an eure Projektumgebung angepasst werden. Routing, globales State-Management, Tests und Next.js werden so eingeordnet, dass du sinnvolle nächste Schritte erkennst. Die fachliche Vertiefung bietet der React Aufbaukurs zu Redux, Routing und Testing. Wähle jetzt den passenden Termin oder frage eine Inhouse-Durchführung für dein Team an.
- react
Die Themen React als Bibliothek für Benutzeroberflächen · Einsatzgebiete interaktiver Webanwendungen · Abgrenzung zu Angular und Vue.js · Projekt-Setup mit Vite · Entwicklungsserver und Produktions-Build...
Projektstart und React-Arbeitsweise
- React als Bibliothek für Benutzeroberflächen
- Einsatzgebiete interaktiver Webanwendungen
- Abgrenzung zu Angular und Vue.js
- Projekt-Setup mit Vite
- Entwicklungsserver und Produktions-Build
- Debugging mit React Developer Tools
- Integration in bestehende Webseiten
Funktionale Komponenten und JSX
- Funktionale Komponenten als Standard
- JSX-Ausdrücke und JSX-Attribute
- Bedingtes Rendering in JSX
- Listen mit stabilen Keys
- Klassenkomponenten in bestehenden Projekten
- Render-Zyklus funktionaler Komponenten
- Ordner- und Dateistrukturen für Projekte
Props, Events und Formulare
- Datenfluss über React-Props
- Komposition mit children in React
- Standardwerte für optionale Props
- Event-Handling in Komponenten
- Kontrollierte Eingabefelder und Formulare
- Datenlisten mit map ausgeben
- Wiederverwendbare Komponenten zuschneiden
State, Hooks und Effekte
- Lokaler State mit useState
- Zustandsaktualisierungen aus Benutzeraktionen
- Rules of Hooks korrekt anwenden
- Externe Systeme mit useEffect synchronisieren
- Abhängigkeiten und Cleanup von Effekten
- DOM-Referenzen mit useRef
- State passend in Komponenten platzieren
Datenzugriffe, Styling und Bibliotheken
- Asynchrone Abläufe in Komponenten
- REST-Zugriffe mit fetch und Axios
- Ladezustände und Fehlerzustände darstellen
- Datenbindung in React-Formularen
- CSS für React-Komponenten
- Externe Bibliotheken sauber integrieren
- MUI für komponentenbasierte Oberflächen
Architektur, Routing und Tests
- Clientseitiges Routing mit React Router
- Globaler State mit Redux
- Reducer und unveränderliche Updates
- Grundlagen für Komponententests mit Jest
- Server-Rendering im Überblick
- Next.js für Routing und Rendering
- React mit TypeScript vertiefen
Zielgruppe
- Du entwickelst Weboberflächen und bringst sichere JavaScript-Grundkenntnisse mit
- Du wechselst als Frontend-Entwickler von DOM-Skripten zu React-Komponenten
- Du planst im Projektteam eine gemeinsame React-Basis für Frontends
- Du entwickelst Apps und brauchst React-Grundlagen für React Native
Das lernst du
- Eine React-Anwendung mit Vite einrichten und strukturieren
- Funktionale Komponenten mit JSX und Props entwickeln
- Benutzerinteraktionen und kontrollierte Formulare umsetzen
- Lokalen State mit useState verwalten und Effekte mit useEffect kontrollieren
- REST-Daten abrufen und Lade- sowie Fehlerzustände darstellen
- React Router, Redux, Tests und Next.js für Folgeprojekte einordnen
So arbeiten wir
- Live-Demos zu Komponenten, JSX und Hooks
- Hands-on-Übungen an einer durchgängigen Beispielanwendung
- Schrittweiser Aufbau vom Vite-Setup zur Komponentenstruktur
- Code-Reviews zu typischen React-Fehlern
- Gemeinsames Refactoring ausgewählter Codeabschnitte
- Übertragung auf Webprojekte und Inhouse-Szenarien
Empfohlene Vorkenntnisse
- Sichere Grundlagen in HTML5 und CSS3, etwa aus dem HTML5-Workshop für moderne Webentwicklung
- JavaScript ES6+ mit Funktionen, Objekten und Arrays
- Grundkenntnisse im Umgang mit Modulen und Array-Methoden, vertiefbar in Modernes JavaScript: ES6 und beyond
- Erfahrung mit DOM-Konzepten und Browser-Developer-Tools
- Keine TypeScript-Kenntnisse erforderlich
Dein Fahrplan
Der erste Tag schafft eine belastbare Arbeitsgrundlage für eigene React-Projekte. Nach dem Projektstart mit Vite entsteht aus einer einfachen Oberfläche eine erste gegliederte Komponentenstruktur.
- React-Arbeitsweise und typische Einsatzgebiete
- Projektsetup mit Vite
- Entwicklungsserver und React Developer Tools
- Funktionale Komponenten und JSX
- Bedingtes Rendering und Listen
- Übung: Erste Komponenten aus einer Oberfläche
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
Fragen und Antworten zu React Grundkurs
Brauche ich React-Vorkenntnisse für den Grundkurs?
Nein, für den React Grundkurs sind keine React-Vorkenntnisse erforderlich. Du solltest HTML5, CSS3 und JavaScript ES6+ sicher anwenden und mit grundlegenden DOM-Konzepten vertraut sein.
Was entwickle ich während der drei Schulungstage?
Du entwickelst eine interaktive React-Anwendung mit funktionalen Komponenten, Formularen, lokalem State und REST-Daten. Die Anwendung wächst schrittweise vom Vite-Setup bis zu einer gegliederten Komponentenstruktur mit Lade- und Fehlerzuständen.
Gibt es den React Grundkurs als Online-Schulung?
Ja, der React Grundkurs ist auch als Online-Schulung beziehungsweise Remote-Training verfügbar. Live-Demos, Programmierübungen, Code-Reviews und die Arbeit an der Beispielanwendung finden direkt in der gemeinsamen Schulungsumgebung statt.
Kann ich die React-Schulung Inhouse buchen?
Ja, die React-Schulung kann als Inhouse-Training für dein Unternehmen durchgeführt werden. Tooling, JavaScript oder TypeScript, Übungsbeispiele und fachliche Schwerpunkte lassen sich an die vorhandene Projektumgebung anpassen.
Welche React-Version und welches Projektsetup werden verwendet?
Offene Schulungen verwenden eine aktuelle stabile React-Version und ein Projektsetup mit Vite. Bei Inhouse-Schulungen kann der Trainer das Setup an eure bestehende React-Version und die eingesetzten Build-Tools anpassen.
Werden React Router, Redux und Tests ausführlich behandelt?
React Router, Redux und Tests mit Jest werden im Grundkurs eingeordnet und anhand ihrer typischen Einsatzgebiete betrachtet. Eine ausführliche Anwendung dieser Themen bietet der React Aufbaukurs zu Redux, Routing und Testing.
Was kostet der React Grundkurs?
Die Kosten des React Grundkurses hängen vom gewählten Termin und Durchführungsformat ab. Den verbindlichen Preis findest du beim jeweiligen Termin; für eine Inhouse-Schulung erhält dein Team ein eigenes Angebot.
Wo finde ich eine React-Schulung in Berlin?
Präsenztermine für den React Grundkurs in Berlin hängen von der aktuellen Terminplanung ab. Informationen zur Durchführung vor Ort findest du beim cmt-Schulungsstandort Berlin; alternativ ist die Teilnahme online möglich.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs.
Passende Schulungen nach dem Kurs
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
