Skip to content

Work in progress: Tutorial to implement a Drag and Drop feature in React in 3 different ways.

Notifications You must be signed in to change notification settings

Mathinoc/Drag-and-Drop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Drag and Drop set up

In this repository, you can find 3 different applications to implement a drag and drop feature in a react application in 3 different ways:

  • client-DnD-images: react + react-dnd library
  • client-beautiful-dnd: react + react-beautiful-dnd library
  • client-CSS: react + CSS

Main takeaways

  1. react-dnd
  2. react-beautiful-dnd
  3. CSS

Getting started

  1. Fork this repo and CLone a copy on your local machine

  2. Start an app:

  • run npm i from the app folder that you want to start
  • run npm start from the same folder

Contributing

Pull requests are welcome. Feel free to create a new folder and implement your favorite drag and drop structure.

About

Work in progress: Tutorial to implement a Drag and Drop feature in React in 3 different ways.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published