React Grundkurs
In 3 Tagen zur eigenen React-Anwendung mit funktionalen Komponenten, JSX, Props und Hooks
- React-App mit Vite aufsetzen
- Funktionale Komponenten mit JSX
- Props, Events und Formulare nutzen
- 3 Tage
- Grundlagen
- Online
- Zufriedenheitsgarantie Risikofrei für dich
- Online Live per Videokonferenz
- max. 8 Teilnehmerinnen und Teilnehmer pro Gruppe
- Keine Vorkasse Rechnung nach dem Seminar
Das nimmst du mit
- 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
Passt das zu dir?
Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.
Richtig für dich, wenn
- 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 bringst du mit
- 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 Lernweg
Tag 1: Projektsetup, JSX und Komponenten
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
Tag 2: Props, Events, Formulare und Hooks
Der zweite Tag macht die Anwendung interaktiv. Daten fließen über Props durch die Komponenten, Events verarbeiten Benutzereingaben und Hooks verwalten den lokalen Zustand.
- Props und Komponentenkomposition
- React children und Standardwerte
- Event-Handling in Komponenten
- Kontrollierte Formularelemente
- Lokaler State mit useState
- Effekte mit useEffect
- Übung: Interaktives Formular mit Zustandslogik
Tag 3: REST-Daten, Struktur und Ökosystem
Der dritte Tag verbindet die Anwendung mit externen Daten und bereitet sie auf wachsende Anforderungen vor. Abschließend werden Architekturentscheidungen, ergänzende Bibliotheken und passende Vertiefungen besprochen.
- Asynchrone REST-Zugriffe
- Ladezustände und Fehlerbehandlung
- Effekt-Abhängigkeiten und Cleanup
- Ordner- und Dateistrukturen
- Einordnung von React Router und Redux
- Tests mit Jest
- Next.js und Server-Rendering
- Übung: REST-Daten laden und darstellen
Klarheit von Anfang an
Format, Ablauf und alles, was schon enthalten ist. Keine Überraschungen, nur Fokus auf dein Ergebnis.
- Live-OnlineInteraktiv per Videokonferenz, von überall
3 Tage
Kompakt aufgebaut, damit du schnell ins Tun kommst.
max. 8
Kleine Gruppe, damit genug Raum für deine Fragen bleibt.
- 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
Das ist immer dabei
- Ausführliche Schulungsunterlagen und Praxisbeispiele
- Teilnahmezertifikat
- Übungsumgebungen und Beispieldaten
- Nachbetreuung per E-Mail nach dem Seminar
Sichere dir deinen Platz
Wähle den Termin, der zu dir passt. Online live dabei oder vor Ort, ganz wie es für dich passt.
- Erfahrene IT-Trainer aus der Praxis
- Keine Vorkasse, Rechnung nach dem Seminar
- Kostenfreie Umbuchung bis 14 Tage vor Start
Lieber das ganze Team?
Bring dieses Seminar zu euch ins Haus oder lass uns ein Programm bauen, das genau auf euer Unternehmen passt.
Inhouse-Schulung
Wir kommen zu dir und schulen dein Team genau auf eure Praxis.
- Komplett auf eure Use-Cases und Tools zugeschnitten
- Termin und Ort bestimmst du, vor Ort oder Live-Online
- Ein fester Pauschalpreis statt Preis pro Person
Firmen-Seminar
Ein individuelles Programm, das wir auf eure Ziele zuschneiden.
- Frei kombinierbare Module aus unserem Themenkatalog
- Skalierbar von der Kleingruppe bis zur ganzen Belegschaft
- Begleitung über mehrere Termine hinweg möglich
Deine IT-Schulungen München-Expertinnen und -Experten
Du hast Fragen zu Inhalten, Terminen oder einer passenden Lösung für dein Team? Wir beraten dich gern, bevor du buchst. Direkt, ohne Umwege.
Antwort in der Regel am selben Werktag
Dein cmt-Team München
Beratung zu IT-Weiterbildung
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.