Trainer:
Nils Hartmann
Termin:
nach Anfrage
Dauer:
3 Tage
Preis:
2.100,00 EUR exkl. MWSt.
Ort:
Köln/Hamburg - Inhouse - remote
React-Komponenten wurden lange als ES6 Klassen geschrieben. Seit React 16.8 gibt es zusätzlich die funktionale Hooks API. Die Konsequenzen, die sich aus dieser neuen API ergeben, gehen aber weit über das neue API selbst hinaus. Vielmehr gibt es nun eine Reihe neuer Möglichkeiten, React-Anwendungen zu entwickeln und zu strukturieren.
Diese sehen wir uns in diesem Workshop an und lernen, wie neben Higher-Order Components und Render Properties nun auch Custom Hooks für wiederverwendbare Logik und Infrastrukturcode zur Verfügung stehen. Wir nehmen die Hooks-basierte Redux API unter die Lupe und prüfen, in welchen Fällen der React Context eine Alternative zu Redux ist. Außerdem setzten wir verschiedene Möglichkeiten zur Performance Optimierung um.
Einführung in die React Hooks API (bei Bedarf)
• Grundlagen und Motivation der Hooks API
• Unterschiede zur Klassen API
• Hooks zum Verwalten von Zustand und zum Ausführen von Seiteneffekten
(asynchrone Server-Zugriffe)
Zustandsverwaltung
• Lokaler Zustand mit useState und useReducer Hook
• Arbeiten mit immutable Datenstrukturen
• Arten von Zustand. lokaler vs. globaler Zustand, einfacher vs. komplexer Zustand
• Globale Daten mit dem React Context
Data Fetching
• Effizientes Arbeiten mit globalen Daten vom Server
• Caching von Server-Daten
• Request-Zyklen und Fehlerbehandlung von HTTP Calls
React Patterns für wiederverwendbaren Code
• Hintergrund: Render Properties und Higher-Order-Components
• Wiederverwendbarer Code mit Custom Hooks
• Custom Hooks oder Komponenten?
Externe Zustandsverwaltung mit Redux
• Einführung in Redux (bei Bedarf)
• Die Hooks API von Redux
• React Context (mit useReducer) oder Redux:
o Wo sind Unterschiede?
o Wo sind Gemeinsamkeiten?
o Für welche Szenarien eignet sich welcher Ansatz?
• Typsicherheit von Redux Anwendungen mit TypeScript
• Das Redux Toolkit (das „offizielle“ Toolset für Redux)
• Data Fetching mit der Redux Toolkit Query Library
Performance von React-Anwendungen
• Wo kann es Performance Engpässe geben?
• Performance-Analyse mit dem React Profiler
• Code-Splitting zur Verbesserung von Ladezeiten der Anwendung mit React.lazy und Suspense API
• Möglichkeiten zur Verbesserung der Performance zur Laufzeit mit useCallback und useMemo
Ausblick: Concurrent Rendering und Suspense for Data Loading
• Wie kann Suspense zum Laden von Daten verwendet werden?
• Was sind Anwendungsfälle für Suspense und Concurrent Rendering?
Hinweis: Diese APIs sind (Stand Mai 2021) noch nicht stabil und können deswegen als Konzept/Ausblick vorgestellt werden.
Auf Anfrage
• React-Kenntnisse (Klassen API)
• JavaScript (ES6)
Der komplette Workshop kann je nach Interesse in JavaScript oder in TypeScript durchgeführt werden.
Unsere Trainings starten täglich um 9:00 und enden gegen 17:00 Uhr. Die Kaffee- und Mittagspausen legen unsere Trainer je nach Lernfortschritt mit den Teilnehmern fest. Im Trainingspreis enthalten sind u.a.:
Begrüßungsgetränke (Tee/Kaffee), Erfrischungsgetränke im Trainingsraum, Pausen- und Mittagsverpflegung, Papier und Stifte, freier WLAN-Zugang, Zertifikat über Ihre Teilnahme.
auch ohne konkreten Termin, kann sich ein potenzieller Teilnehmer registrieren
Inhouse-Schulung
Sie möchten das Training gerne als Inhouse-Schulung buchen? Kein Problem — sprechen Sie uns an, und wir entwickeln ein auf Ihre Anforderungen hin individuell zugeschnittenes Konzept und Angebot. Erste Informationen finden Sie in diesem Info-PDF.
Nils Hartmann ist freiberuflicher Softwareentwickler, -architekt, Trainer und Coach aus Hamburg. Er beschäftigt sich mit der serverseitigen Entwicklung mit Java und Spring sowie der Frontend-Entwicklung mit JavaScript. Er unterstützt und schult Teams beim Ein- und Umstieg in die Entwicklung von Single-Page-Anwendungen mit den Schwerpunkten React, TypeScript und GraphQL. Nils ist Autor des Buches „React - Grundlagen, fortgeschrittene Techniken und Praxistipps“ (dpunkt).
Weitere Produkte von Nils Hartmann:
GraphQL mit Spring Boot – Der Praxis-Einstieg
nach Anfrage
Uhrzeit:
09:00 - 17:00 Uhr
Dauer:
2 Tage
Ort:
remote - Inhouse
Susanne Herl
Leitung Developer Academy/Community Manager DWX & DDC
E-Mail: susanne.herl@ebnermedia.de
Tel. +49 (0)731 88005-8835
Training: Design Patterns in C++
Webinar: Single-Page-Anwendungen mit Angular
Training: Ionic für Hybrid-Apps
Training: Vom Backend- zum Fullstack-Entwickler
Webinar: Hybrid-Apps mit Ionic
Training: C++-Templates für Fortgeschrittene
Training: Einstieg in Angular für .NET-Entwickler
Webinar: TypeScript Advanced
Training: Java 9 bis 12 – neue Features
Training: Architektur für .NET-Anwendungen
Training: MongoDB – die Allzweckwaffe
Training: Cloud from Scratch
Training: Angular für Fortgeschrittene
Training: JavaScript für Superhelden
Training: Moderne React Patterns
Training: ChatGPT als Unterstützung für Entwickler
Training: Einstieg in Node.js für .NET-Entwickler
Training: Message-basierte Dienste in Azure
Training: Progressive Web App Bootcamp
Training: Einstieg in Angular
Training: Vue.js 3.5 – What’s new?
Training: C++ für Fortgeschrittene
Training: Einführung in Vue.js
Training: Interface Design mit C++
Training: SignalR und Event-Signaling
Training: Next Level TypeScript
Training: Server-side SharePoint Development
Training: Chatbots, Alexa, Google Assistant & Co – Konversations- und Sprach-Benutzer-Schnittstellen
Training: TypeScript – Typisiertes JavaScript
Training: Verteilte Versionsverwaltung mit Git
Training: Cloud-native Entwicklung mit Azure
Training: Einführung in JakartaEE (vormals JavaEE)
Training: C# für Fortgeschrittene
Training: KI-Projekte erfolgreich durchführen
Training: Webtechnologien für Product Owner
Training: Von .NET zu Node.js und TypeScript
Training: 3D im Browser: Einstieg in WebGL
Training: Node.js – from Zero to Hero
Training: C++ – Templates – von A bis Z
Developer Media ist die Fort- und Weiterbildungsmarke für Softwareentwickler und -architekten innerhalb der Ebner Media Group. Mit den Fachmagazinen dotnetpro und web & mobile developer, den Fachkonferenzen DWX, WDC, DDC und JVM-Con sowie zahlreichen Remote- und Präsenz-Seminaren liefert Developer Media seinen Besuchern, Teilnehmern und Lesern hochqualitative und lösungsorientierte Fachinformationen.
Ihr Kontakt zu unserem Kundenservice:
Uns erreichen Sie direkt über