Как подключить библиотеки .js к проекту на React?

Question

[Степан]

Есть у меня обычный html файл,в заголовке которого прописаны библиотеки:

<script type="text/javascript" src="assets/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="assets/jquery-ui.min.js"></script>
<script type="text/javascript" src="assets/jquery.ui.touch-punch.min.js"></script>

В конце тега подключаю также ещё 1 скрипт,который использует библиотеки:
<script src="./assets/main.js"></script>

Как мне это всё подключить к проекту на Реакте? Простой import "./assets/main.js" тут не помогает :(

Comments

[Сергей Сунцев]

Зачем вам jquery на реакте?

[Степан]

Сергей Сунцев, просто в том html файле реализована логика с участием drag and drop,а нужный модуль D&D именно на реакте я так и не нашёл

[Сергей Сунцев]

Степан, а зачем для dnd jquery? Юзайте https://react-dnd.github.io/react-dnd/about или на крайний случай https://developer.mozilla.org/ru/docs/Web/API/HTML...

[Степан]

Сергей Сунцев, я смотрел её,также как и react-beautiful-dnd, но в документации и примерах показаны какие то слишком сложные,для меня, примеры, когда мне надо просто перемещать объект по сетке,без всяких листов, аналогов ToDo досок и тд(

[ParaBellum577]

Степан, если есть базовые знания реакта, то с react-beautiful-dnd не сложно сделать любой днд, в React проект устанавливайте либы через npn или yarn

[ParaBellum577]

Подумайте, если дальнейшие действия вызывают у вас трудности, нужен ли вам вообще React?

[Сергей Сунцев]

Степан, Разве ?
react-beautiful-dnd, мне кажется предельно простой с хорошим уровнем абстракции...

[Степан]

Сергей Сунцев, пересмотрел ещё раз документацию я всё же пришёл к выводу,что да,он не сложный,но он завязан на списках,таблицах, ToDo'шках, а к моему проекту,мне кажется, он не подойдёт :( .
У меня есть сетка,внутри которой находится,допустим,2 красных квадрата,которые я должен перемещать по элементам сетки.С помощью react-beautiful-dnd красный квадрат двигается, может встать на пустое место,но вот главное - это объединение двух элементов,если оба квадрата красные,а такого я не нашёл: при наложении квадратов,один квадрат уезжает вниз,так как библиотека создана как-будто только для списокв

[Сергей Сунцев]

Степан, дк и сделайте список, но из квадратов, тут только верстка)

Объединяйте уже после перемещения, проверяйте текущее состояние после перемещения и делайте соответствующие действия

[Степан]

Сергей Сунцев, так как это список,то при перемещении красного квадрата на другой красный, второй красный квадрат уезжает вниз,а если запретить ему двигаться,то событие DragEnd не выдаст этот красный квадрат в destination и следовательно никак не отследить :(

[Сергей Сунцев]

Степан, Экспериментируйте с версткой, список запросто превращается в блоки и обратно, махинацией со свойством display.