Реакт драг-энд-дроп интерфейс

Быстрая ссылка

Здесь ссылка на продакшн билд (index.html, bundle.js, bundle.css) - Google Drive.

Описание

Выполнено на стеке React+SASS. Бойлерплейт - create-react-app. Интерфейс использует внешний стейт(точнее два стейта: для данных и для UI, в отдельных файлах), работа с ним происходит с помощью маленькой библиотеки (<3кБ) react-contextual на основе Context API. Сам драг-энд-дроп интерфейс реализован через библиотеку react-spring, без использования нативных API (droppable и т.д.), поэтому работает на мобильных устройствах.

Как запустить

• Клонировать репозиторий

• Перейти в консоли в папку с проектом

• Установить зависимости:

npm i

• Запустить:

npm start

• Сделать production билд:

npm run build