chenglou / chenglou/react-motion

Functionality check (I'd just like some clarification)

Open
#595 1 comment 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.