Skip to content

About

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

Resources

Stars

1 star

Watchers

1 watching

Forks

Latest commit

 

History

24 Commits

Folders and files

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

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages