React und Redux – Praktischer Workshop für die Webentwicklung
Eine umfassende Schulung zur Einführung in React, eines der meistgenutzten Frontend-Frameworks, und die Zustandsverwaltungsbibliothek Redux
React ist eines der beliebtesten und am häufigsten verwendeten Frontend-Frameworks. Das von Meta entwickelte und verwendete Framework ist ein leistungsstarkes Tool für die Entwicklung von Webanwendungen. Egal, ob Sie eine kleine Single-Page-Anwendung (SPA) oder ein komplexes soziales Netzwerk erstellen, React passt sich der Komplexität der Anwendung an.
React ist modular aufgebaut und konzentriert sich auf das Wesentliche: die Verwaltung des Anwendungszustands und das Rendern von Komponenten im DOM. Für fast alle anderen Szenarien, wie z.B. Routing, stehen React-kompatible Pakete zur Verfügung, mit denen der Benutzer eine auf seine Anforderungen zugeschnittene Lösung erstellen kann.
Eines dieser zusätzlichen Pakete ist die Zustandsverwaltungsbibliothek Redux. Redux kann alternativ oder zusätzlich zur React-eigenen Zustandsverwaltung verwendet werden. Die Architektur von Redux ist einfach und effektiv, so dass sie auch in anderen Frontend-Frameworks eingesetzt werden kann.
Diese Schulung ist praxisorientiert. Mehr als die Hälfte der Schulung umfasst praktische Übungen zu einem durchgängigen Thema, so dass die Teilnehmer anhand konkreter Aufgaben alle Aspekte von React und Redux durchspielen können. Für Qualitätssicherungsprüfungen werden sowohl Unit- als auch Integrationstests unter Verwendung der Test-Frameworks Jest und Testing Library durchgeführt. Außerdem erhalten Sie einen Überblick über die verschiedenen Ansätze zur Gestaltung mit CSS.
Wichtigste Erkenntnisse
React
- React als Konzept.
- JSX und wie es die Erstellung von DOM-Elementen unterstützt.
- Wie man klassenbasierte und funktionale Komponenten implementiert.
- Der Unterschied zwischen Props und Zuständen von Komponenten.
- Verfügbarkeit und Anwendung von Lebenszyklusmethoden.
- Hooks als funktionale Alternative zu Lebenszyklusmethoden.
- Ereignisse verwalten.
- Bewährte Muster und typische Fehler, die es zu vermeiden gilt.
Prüfungen
- Der Unterschied zwischen Unit- und Integrationstests.
- Funktionen von Jest als Test-Runner und Framework.
- Schreiben von parametrisierten Tests.
- Kenntnisse über Matcher und deren Einsatzmöglichkeiten.
- Die Philosophie der Testing Library
- Rendering von React-Komponenten in Testfällen.
- Abfragen und deren Verwendung zum Testen des DOM.
- Wie Tests bei der Entwicklung einer barrierefreien Anwendung helfen.
- Simulation von Benutzereingaben (Ereignissen).
Redux
- Die Architektur von Redux und die damit verbundenen Vorteile.
- Verständnis von Stores, Actions, Dispatchers und Reducers.
- Integration von Redux in eine React-Anwendung.
- Die Möglichkeiten des Redux-Toolkits.
- Verwendung von Redux Thunk zur Implementierung von Seiteneffekten wie Benutzerinteraktionen und Netzwerkkommunikation.
- Prüfung der Zustandsverwaltung.
Gestaltung (CSS)
- Ansätze für die Gestaltung einer Anwendung.
- Übliche Probleme von CSS und mögliche Lösungen.
- Bekannte CSS-Frameworks.
- Wie ein komponentenbasierter Ansatz hilft, bei größeren Webanwendungen den Überblick zu behalten.
- Die potenziellen Vorteile fortschrittlicherer Ansätze, einschließlich Micro-Frontends und Designsysteme.
Im Anschluss an den Workshop werden Coaching-Tage angeboten. Der Ausbilder konzentriert sich auf die spezifischen Herausforderungen, denen ein Teilnehmer bei der Umsetzung der Workshopinhalte im Alltag begegnen kann.
Zielpublikum
Softwareentwickler
Voraussetzungen
- Kenntnisse in der Softwareentwicklung.
- Grundkenntnisse in JavaScript/TypeScript, HTML und CSS.
Weitere Informationen
Alle Hilfsmittel werden in digitaler Form angeboten. Die Teilnehmer müssen über die Kopien der einschlägigen Normen verfügen.
Kursdaten
Private Trainings Available
Get information on private training for your organization.
Can't find what you're looking for?
Click the link and request a quote tailored to your organization's needs.
Request a QuotePrivate Trainings Available
Click the link for information on scheduling a private training for your organization.
Contact Sales