React Grundlagen Schulung
Ihre Termine
* Preise inkl. der gesetzlichen Mehrwertsteuer
Beschreibung
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
Inhalte
Überblick und Architektur
- Vergleich zwischen React, Angular und Vue.js
- Was kann React?
- TypeScript oder JavaScript?
- 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
Voraussetzungen
HTML5, CSS3 und JavaScript (ES6+) Erfahrungen.
Zielgruppe
- Web-EntwicklerInnen
- App-EntwicklerInnen
Hinweise
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.
D