I created this demo because I had trouble figuring out the examples in the react-dnd documentation, and found that it wasn't sufficiently generic. This is the demo that I would have liked to have had from the get go. I'm using the touch backend because > 55% of web traffic is now mobile, so I figure it's the most likely use case.

Live demo:

https://react-dnd-demo.herokuapp.com/

To install:

1. Download the repo

2. Navigate into the repo using the command line

cd LOCAL_REPO_FILEPATH_HERE

3. Install react and all the dependencies using npm in the command line.

If you don't have npm installed, you can find it here, bundled with Node: https://nodejs.org/en/

npm install

4. Start your local react server using the command line

npm start

---

The comments in the code should be enough to figure out how this implementation of the library actually works. If it's not clear, just open an issue and I'll check it out, or contribute to this demo by making a pull request.

You can also find more info on react-dnd in their official documentation: http://react-dnd.github.io/react-dnd/

This project was bootstrapped with Create React App.