С помощью каких технологий лучше разработать визуальный Drag&Drop конструктор?

Question

[Crash]

Руководство поставило задачу: разработать визуальный конструктор создания email-рассылок.
Т.е. схема следующая: слева компоненты, справа контейнер в виде чистого листа. Соответственно, чтобы создать страницу, нужно перетащить нужные компоненты в контейнер в правильном порядке, друг за другом. Компоненты внутри контейнера можно кастомизировать, загружать туда тексты и картинки.

В общем, ничего сверхъестественного, наверняка с такими конструкторами многие сталкивались. Вопрос в том, как они делаются? Нечто похожее уже делал на JqueryUI пару лет назад, но возможно есть более оптимальные решения на базе Angular, React, других фреймворков и библиотек? Фронтенд движется вперед семимильными шагами)

Answer 1

[Олег Драпеза]

Существуют drag&drop библиотеки и для ванильного js, и для фреймворков.

Вот топовая библиотека - https://bevacqua.github.io/dragula/

Вот библиотека для использования с React - react-dnd.github.io/react-dnd

React или Angular нужны вам для создания аккуратной, модульной и расширяемой кодовой базы. Но если вы ими не пользовались, или опыта немного, конечно в начале их использование притормозит работу, но в конечном счете оно того стоит.

Comments

[Crash]

спасибо, заюзаю)

Answer 2

[Аристарх Деряпа]

С помощью прямых рук и хорошей логики + выше сказанное.

Comments

[Crash]

ой все))) Этой самый универсальный ответ на любой вопрос) Его можно разместить под каждым вопросом на Тостере, на который уже успели ответить

[Аристарх Деряпа]

)))