https://github.com/moebiusmania/react-dnd-poc
Example projects that combines a React component with the browser native Drag & Drop API.
https://github.com/moebiusmania/react-dnd-poc
demo dnd drag-and-drop react
Last synced: 3 months ago
JSON representation
Example projects that combines a React component with the browser native Drag & Drop API.
- Host: GitHub
- URL: https://github.com/moebiusmania/react-dnd-poc
- Owner: moebiusmania
- License: mit
- Created: 2023-02-13T08:21:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-13T09:08:55.000Z (over 2 years ago)
- Last Synced: 2025-01-31T08:35:34.925Z (5 months ago)
- Topics: demo, dnd, drag-and-drop, react
- Language: TypeScript
- Homepage: https://moebiusmania.github.io/react-dnd-poc/
- Size: 76.2 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# react-dnd-demo
> Example projects that combines a React component with the browser native Drag & Drop API.
## Note
Please refer to `src/components/FileUploader.tsx` as the most important file of this project.
## What's being used:
- [Vite](https://vitejs.dev/) - project scaffolding & development setup
- [React](https://reactjs.org/) - a JavaScript library for building user interfaces
- [Typescript](https://www.typescriptlang.org/) - static type checking for Javascript
- [Drag & Drop HTML API](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API) - interfaces that enable applications to use drag-and-drop features in browsers.
## Getting started
- Clone the repo
- `cd`'s into into and install dependencies with
```bash
$ npm ci
```
- (instantly) start the dev server
```bash
$ npm run dev
```
## License
Released with [MIT license](LICENSE).