Скачать или смотреть Hotwire и Rails #3 | Сортировка drag'n'drop, Stimulus, acts_as_list, sortable

В этом видео мы применим полученные знания о Stimulus и Turbo на практике и сделаем реализацию типа drag & drop: пользователь меняет местами положение элементов путём их перетаскивания. Мы обсудим решения acts_as_list, sortable.js, напишем контроллер Stimulus, поговорим о constraints (в том числе типа deferrable) и обсудим ещё несколько важных моментов.

Таймкоды:
00:00 Введение
00:50 Что мы будем создавать?
02:30 Контроллер Stimulus для сортировки
03:20 Библиотека Sortable
06:15 Библиотека acts_as_list
07:20 Уникальные позиции и deferrable constraints
12:30 Сортировка на бэк-энде
14:40 Отображаем и сохраняем позицию
16:50 Соединяем фронт и бэк
19:30 Обновляем позиции после сортировки
21:20 Отображаем статус "загрузка" в момент сохранения позиций
23:25 Добавляем "рукоятку" для перетаскивания
25:30 Заключение

Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам:    / @ilyabodrovkrukowski  
Boosty: https://boosty.to/bodrovis
Patreon:   / bodrovis  
DonationAlerts: https://www.donationalerts.com/r/bodr...
Аккаунт Ethereum (ETH), Arbitrum, Polygon, BNB, USDT, TRX, BUSD: 0x719C2d2bcC155c85190f20E1Cc3710F90FAFDa16

Коммит урока https://github.com/bodrovis-learning/...

Канал Telegram: https://t.me/dev_in_ruby_colors
Наш чат в Telegram: https://t.me/joinchat/MxYT6-01eeA1NTYy
Мой сайт: http://bodrovis.tech