Seminare
Seminare

React DnD - Drag and Drop

Webinar - PROKODA GmbH

React DnD - Drag and Drop
Termin Ort Preis*
21.05.2026- 22.05.2026 online 1.297,10 €
21.05.2026- 22.05.2026 München 1.297,10 €
*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

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
Teilnahmevoraussetzungen:

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.
Nach unten
Nach oben
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.
Akzeptieren Nicht akzeptieren









Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha



Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.







Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha