react-dnd-mouse-backend

KO | EN

gitlite — search

#javascript #ai #typescript #machine-learning #rust #deep-learning #windows #awesome #vue #awesome-list #security #ios #mcp #open-source

react-dnd-mouse-backend

(★ 84)

Mouse Backend for react-dnd library

react-dnd-mouse-backend Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-dnd-mouse-backend

http://zyzo.github.io/react-dnd-mouse-backend/

[![npm version](https://badge.fury.io/js/react-dnd-mouse-backend.svg)](https://badge.fury.io/js/react-dnd-mouse-backend)

Mouse Backend for React Drag and Drop library http://gaearon.github.io/react-dnd

- [Usage](#Usage)
- [Playground](#Playground)
- [Development](#Development)
- [Credits](#Credits)

### Usage

```js
import { DragDropContext } from 'react-dnd'
import MouseBackEnd from 'react-dnd-mouse-backend'

const App = {...}

const AppContainer = DragDropContext(MouseBackEnd)(App)
```

### Playground

First, prepare the playground:

```sh
cd example;
yarn; yarn start
```

Then head to `http://localhost:3030/` to start some fun drag and dropping.

### Development

First, install the project locally:

```sh
git clone git@github.com:zyzo/react-dnd-mouse-backend.git
cd react-dnd-mouse-backend; npm install
# (Optional) prepare example project
cd example; npm install
```

Then, link react-dnd-mouse-backend to example project (or your js project):
```sh
# in ./react-dnd-mouse-backend
npm link
cd example; npm link react-dnd-mouse-backend
```

Finally you can begin to make changes in `src` folder, and rebuild the lib:

```sh
npm run build
```

### Credits
Inspired by [HTML5 Backend](https://github.com/gaearon/react-dnd-html5-backend) & [Touch Backend](https://github.com/yahoo/react-dnd-touch-backend) to support only mouse events, which work much better in some cases, like svg.

react-dnd-mouse-backend

react-dnd-mouse-backend Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-dnd-mouse-backend

react-dnd-mouse-backend Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README