React DnD - Drag and Drop
Ihre Termine
* Preise inkl. der gesetzlichen Mehrwertsteuer
Beschreibung
In diesem zweitägigen Workshop lernen Sie wie mit React DnD, moderne Drag und Drop User Interfaces mit React richtig erstellt werden. Dabei wird gemeinsam mit den TeilnehmerInnen, eine reale Web-Applikation mit zahlreichen Drag und Drop Beispielen gemeinsam entwickelt. Kein langweiliger Frontalunterricht – Hands-On mit erfahrenen React EntwicklerInnen.
Inhalte
Übersicht und Architektur
- Warum ist Drag & Drop so komplex im Browser?
- Die verschiedenen Drag und Drop Bibliotheken im Vergleich
- Dragular vs React DnD
- Die verschiedenen Backends (HTML5 vs JavaScript)
React DnD
- Installation von React DnD und des HTML5 Backends
- DnDProvider verwenden
- useDrag hook, ein Element draggable machen
- Collector Funktionen
- ItemTypes (was kann wohin gedroppt werden)
- Monitoring und CSS Manipulation von gedraggten Elementen und Vorschau Bilder (DragPreviewImage)
- useDrop hook, ein Element als Drop-Zone nutzen
- Komplexe Drag und Drop über mehrere Ebenen und mit mehreren verschiedenen Typen
- Handling und Speichern von Änderungen im React State und in Redux
- Testing mit ReactDnD
- Tipps und Tricks
Voraussetzungen
Gute React und React Redux Kenntnisse, auf dem Level der React Grund- und Fortgeschrittenenkurse.
Zielgruppe
- React EntwicklerInnen die komplexe Drag und Drop Interfaces entwickeln wollen.
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