React.js のドラッグ＆ドロップパッケージ@dnd-kit/coreを用いた並び替え機能
※ npm パッケージ URL：@dnd-kit/core
React.js においてドラッグ＆ドロップ処理を行う場合、下記 3 種類が候補に上がる。
react-dndはパッケージの更新が古い（2023/4 現在）、かつ、実装が複雑そうなため、不採用とし、react-beautiful-dndは Strict モードを使用できないため、不採用とした。
最初は@dnd-kit/coreは情報量から懸念があったが、十分量の情報がネット上に落ちている、かつ、複雑性は低く、とっつきやすいため、採用。
以上が、@dnd-kit/coreを選択した簡単な背景。
ルートパスで下記の動作を確認可能。
