React DnDを使ったので知見をまとめた - STORES Tech Blog

始めに STORES 予約でエンジニアをしているTak-Iwamoto です。 今回はある項目の並び替え機能を実装する際に React DnD を使用したので、その知見について書かせていただきます。 実装した画面はこんな感じです。 ライブラリ STORES 予約の管理画面は Rails の slim -> React へのリプレイスが進行中です。 なので React のドラッグ&ドロップライブラリを検討しました。 star 数の多いライブラリは以下のものがあります。 React DnD react-beautiful-dnd React-Draggable React-Draggable は最終リリース ver が 2016/12 なので対象外として、React DnD と react-beautfiul-dnd のどちらかが候補となります。 あくまで自分の考えではありますが、それぞれの