React - Power Workshop 

GFU Cyrus AG — bildet weiter.

Bereits 1980 als GFU Cyrus + Rölke mbH gegründet, zählt die GFU heute zu den renommiertesten IT-Schulungsunternehmen in Deutschland. Jedes Jahr besuchen mehrere tausend IT-Fachleute aus der gesamten Bundesrepublik unsere Seminare — in über 45 Jahren sind daraus mehr als 38.000 durchgeführte IT-Schulungen geworden.

Unser Programm

Mit über 4.250 Schulungsthemen decken wir das gesamte IT-Spektrum ab: von Administration über Softwareentwicklung, Datenbanken, Data Science und KI bis hin zu Cloud, Security und Betriebssystemen. Rund 50 Dozentinnen und Dozenten aus den verschiedensten IT-Bereichen stehen dafür mit einem außergewöhnlichen Maß an Fachkompetenz bereit — dieses Know-how bieten wir auch für Projektarbeit und Coaching an.

Unser Anspruch

Ob offenes Seminar, Firmenschulung oder Individualschulung: Unsere Teilnehmenden genießen den Rundum-Service der GFU — von der Anreise bis zur Abreise. Kleine Lerngruppen, hochqualifizierte Trainer und Fachbuchautoren, die auf individuelle Fragen eingehen, regelmäßige Pausen, gute Verpflegung und hochwertige 86"-Schulungs-Screens sind für uns selbstverständlich.

Maßgeschneiderte Weiterbildung

Sie wissen nicht, welches Thema zu Ihnen passt? Wie beim Maßschneider stellen wir gemeinsam mit Ihnen Ihr individuelles Schulungspaket zusammen — damit Ihre Weiterbildung auch nach Jahren noch perfekt sitzt.

Unsere Kunden

Zu unseren Kunden zählen Banken, Versicherungen, Handelskonzerne, Industrieunternehmen, Kommunen und öffentliche Einrichtungen aus dem gesamten deutschsprachigen Raum.

Digitale Nachweise mit OpenBadges

Mit der Ausstellung digitaler Badges über die OpenBadgeFactory machen wir erworbene Kompetenzen unserer Teilnehmenden sichtbar, verifizierbar und teilbar — ein weiterer Baustein, mit dem die GFU IT-Professionals auf ihrem Weg weiterbildet.

www.gfu.net

Seminarkatalog: www.gfu.net/seminare.html

Nach dem Seminarbesuch kennen Sie die Grundlagen von React, Hooks, Redux, React Routing und vieles mehr und können eigene Anwendungen mit Hilfe des React Frameworks erstellen.

• React Einführung
  • Überblick - Was ist React
  • "Hello World" in React
  • Vorteile von React
  • React Alternativen
  • Projekt erstellen mit dem "Create React App"-CLI
  • Projekt Ordnerstruktur
  • Einführung in React-Komponenten
  • Einführung in JSX (Javascript XML oder Javascript Syntax Extension)
• React-Komponenten
  • Funktionskomponenten erstellen
  • Arbeiten mit mehreren React-Komponenten
  • Ausgabe von dynamischen Inhalten
  • React-Komponenten und "props", "children", "state"
  • React-Komponenten und Ereignisverarbeitung
  • Manipulation von Zuständen
  • Verwendung des useState()-Hooks zur Zustandsmanipulation
  • Zustandslose ("Stateless") versus zustandsabhängige ("Stateful") Komponenten
  • Weitergabe von Methoden zwischen Komponenten
  • Hinzufügen einer Zweiwegbindung ("Two Way Binding")
  • Arbeiten mit Listen und Bedingungen
  • Bedingtes Rendern von Inhalten
• Styling von React-Komponenten
  • Hinzufügen von Styling mit Stylesheets
  • Arbeiten mit Inline-Stilen
  • Stile und Klassen dynamisch erstellen und nutzen
  • Arbeiten mit dem Paket "Emotion"
  • Arbeiten mit dem Paket "Styled Components"
• React-Komponenten im Detail
  • Projektstruktur: Aufteilen einer App in React-Komponenten
  • Vergleich zwischen zustandslosen und zustandsbehafteten React-Komponenten
  • Klassenkomponenten vs. Funktionskomponenten
  • Übersicht über den Lebenszyklus von React-Komponenten
  • Verwendung von "useEffect()" in Funktionskomponenten
  • Optimierung von Funktionskomponenten mit "React.memo()"
  • Verwendung von "React.Fragment
  • "Higher-Order-Components" (HOC) nutzen
  • Verwendung der Context-API: contextType & useContext()
• React mit TypeScript
  • TypeScript Grundlagen: Typendeklarationen, Funktionssignaturen, Type Aliases, Generics (jeweils nach Bedarf)
  • Typisierung von Komponenten-Props und -Events mit TypeScript
  • Typisierung von Event-Handlern mit TypeScript
  • Typisierung verschiedener Hooks mit TypeScript
• React und Http-Zugriffe
  • Http-Anforderungen in React
  • Einführung in das Paket "Axios"
  • Erstellen und Verarbeiten einer Http-GET-Anfrage
  • Daten an den Server "POST"en
  • Senden einer DELETE-Anfrage
  • Fehlerbehandlung in HTTP-Aufrufen
• React und Routing
  • Routing in "Single Page Application" (SPA)
  • Arbeiten mit den Paketen "react-router", "react-router-dom"
  • Einrichten des Routing im Projekt
  • Navigation mit Links
  • Verwendung von Router-"props"
  • Absolute und Relative Pfade
  • Styling der ausgewählten, aktiven Route
  • Parameter an Routen übergeben und auswerten
  • Navigating per Programmcode
  • Verschachtelte Routen
  • Umleitung von Anfragen
  • Schutz von Routen mit "Guards"
  • Bearbeitung des 404-Errors
  • "Lazy"-Loading von Routen
• React und Formulare
  • Formulare und Formular-Validierung
  • Formularkomponenten Verwenden
  • Umgang mit Benutzereingaben
  • Benutzerdefinierte Formular-Validierung hinzufügen
  • Validierungs-Feedback hinzufügen
  • Fehlermeldungen anzeigen
• React und Redux
  • Die Komplexität der Zustandsverwaltung
  • Den Redux-Datenfluss verstehen
  • "Reducer" und "State" einrichten
  • "Dispatching"-Aktionen definieren
  • "Subscriptions" hinzufügen
  • Das "Immutable-Update-Pattern"
  • Arbeiten mit den Paketen "Redux" und "React Redux"
  • Hinzufügen von Redux "Middleware"
  • Verwenden der "Redux Devtools"
  • Ausführen von Asynchronem Code
  • Verwenden von "Action Creators"
  • Verwenden von "GetState"
• React und Authentifizierung
  • Authentifizierung in einer "Single Page Application" (SPA)
  • Authentifizierungsformulare ertellen (Login, Sign-In, Password-Recovery)
  • Authentifizierungsservice nutzen
  • Ressourcen schützen und automatische Weiterleitung
• React und Hooks
  • Einführung in "Hooks"
  • Verwenden von "useState()" für Zustandsverwaltung
  • Verwenden von "useEffect()" für das Laden von Daten
  • Verwenden von "useCallback()"
  • Verwenden "refs" und "useRef()"
  • Verwenden von "useReducer()" für HTTP-Zustände
  • Verwenden von "useContext()"
  • Optimierung der Leistung mit "useMemo()"
  • Erstellen und Verwenden von "Custom Hooks"
• React und Testing
  • Einführung in das Testing von React
  • Testing-Werkzeuge
  • Tests schreiben
  • Modul-Tests
  • Komponenten-Tests
  • Redux-Tests
  • E2E-Tests
• React und Bereitstellung von Anwendungen
  • Übersicht
  • Projekterstellung
  • Beispiele