⚡️ Live demo and source code: https://www.undefinedapps.com/post/drag-drop-div-react-hooks
In this video we look at how to drag and drop in react using the react-use-gesture and react-spring libraries. We take the introduction screen of create-react-app and add dragging to its components. We then add an overlay which can be dragged up and down to expose a background image behind it. We use the hooks: useDrag (from react-use-gesture) and useSpring (from react-spring).
My previous video about react-spring: How to animate mount and unmount of a react component using react-spring https://www.youtube.com/watch?v=kT6yYSwK1oA
⭐️ Subscribe for more content: https://newsletter.undefinedapps.com/
Background image by Adam Vradenburg @vradenburg https://unsplash.com/photos/_gu7E90QChU
#react #animate #javascript
23 Comments