chenglou / chenglou/react-motion
Functionality check (I'd just like some clarification)
- Dominant language
- JavaScript
- Stars
- 21.9k
- Forks
- 1.1k
- PR merge metrics
- No merged PRs in 30d
Description
I'm working on a websocket drag & drop application. l'm currently using gsap, and manipulating the dom, and it doesn't feel very "react-y". I've decided to implement a lower level solution using react-dnd. Their example of [playing chess](https://codesandbox.io/s/bold-volhard-ruuv9?file=/src/Knight.jsx) is a great example of something I'm trying to do. A component is changing parents when the knight (in this case) is dropped into a square.
I'd like to animate that drop... from the original position, to the dropped position. I was hoping it would be as easy as setting `transition: "all 2s ease-in-out"` and it would "just work", but I couldn't be so lucky. I'm wondering if your tool provides that type of functionality, and if not, if you knew of a library that might help?
Contributor guide
No contributing guide indexed for this repository
Research direction
The issue names no repository file, test, or entry point. Start by reviewing react-motion's documented animation capabilities alongside the linked react-dnd chess example. Done would require a maintainer-confirmed answer about whether the requested drop animation is supported or which approach is appropriate.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 15/100