Teilnahmeanfrage

Starten Sie durch mit der Web-Entwicklung in React mit diesem dreitägigen Grundkurs. React ist in den letzten Jahren immer populärer geworden und eines der besten Frameworks für die Entwicklung von interaktiven (Web-) Anwendungen. In dieser Schulung werden die Grundlagen für einen erfolgreichen Einstieg in das Thema gelegt und Sie lernen interaktiv an echten Praxisbeispielen, wie React Anwendungen richtig entwickelt werden.


Nach Abschluss dieser Schulung…

haben Sie verstanden, wie React eingesetzt wird und einen Überblick über das Ökosystem von React erhalten
wie Sie mit JSX interaktive und professionelle (Web-)Anwendungen entwickeln können
wie Komponenten untereinander agieren und wie Sie wiederverwendbare React Anwendungen schreiben
wie Sie den lokalen State verwalteten und das Binding an HTML Elemente in React funktioniert
Was es mit all den Bibliotheken und Frameworks, die auf React basieren, auf sich hat Kursinhalte

Überblick und Architektur

• Vergleich zwischen React, Angular und Vue.js
• Was kann React?
• Aufbau eines React Projekts
• Entwicklungsumgebungen und Erweiterungen
• Browser-Extensions (React Developer Tools und Co.)
• Der React LifeCycle
• React mit TypeScript oder JavaScript?
• Einbindung in existierende Seiten
• create-react-app / npx create-react-app
• Server Side Rendering (SSR)
• Next.js und Gatsby im Überblick

React Komponenten und JSX

• Komponenten
• Funktionale vs. klassenbasierte Komponenten
• Event Handling
• JSX - mehr als nur Ausgabe
• Kontrollstrukturen mit JSX (Bedingungen, Schleifen…)
• React Props - Daten an Komponenten übergeben
• Validierung von Properties und Default Werte
• React children und mapping
• Modularisierung und Separation of Concerns (SoC)
• Styling und CSS
• useState
• useEffect
• Data binding
• Anwendungen in mehrere Komponenten zerlegen
• Saubere Ordner- und Dateistrukturen mit React

Fortgeschrittene Themen

• Asynchrone Vorgänge
• Webpack Konfiguration und Optimierung
• Einbinden anderer Bibliotheken in React

Ausblick

• Application State Management mit Redux, immer & Co.
• React-Router
• Reducer Funktionen
• API Abfragen mit axios
• Testing mit Jest