Live Demo

Test assignment

• Data about the position of the changed block is sent to the Redux Store at the end of the drag (handleDraggableStop)
• All blocks are rendered on the screen. There are performance issues when working with a large (50K+) number of blocks
• App config in src/app/config.js
• Draggable lib - react-use-gesture
• Boilerplate (Redux Toolkit) - cra-template-redux
• redux-logger is available in the production build to monitor every action

Checkout this repository locally, then:

$ yarn install
$ yarn start

$ yarn build

$ yarn serve