Edited at

Reactでドラッグ&ドロップで並び替えしたいときのライブラリ比較

Reactでドラッグ&ドロップで並び替えをしたくなったので、ちょっと調べてみました。

以下、そのまとめです。


ざっくり検索で人気どころ探し

react-dnd, react-beautiful-dnd, react-dropzone, sortablejs, react-draggableが人気あるようなので、以下、その辺で比較


Google Trendsで比較


npm trendsで比較


はてなブックマークタイトル検索(3user以上)比較

react-dnd
react-beautiful-dnd
react-dropzone
sortablejs
react-draggable

件数
10
3
3
1
1

ブックマーク数
(1位)
21
22
8
21
4

ブックマーク数
(5位)
8
-
-
-
-

2019/06/08 時点


Qiitaタイトル検索比較

react-dnd
react-beautiful-dnd
react-dropzone
sortablejs
react-draggable

件数
11
2
-
-
-

いいね数
(1位)
130
5
-
-
-

いいね数
(5位)
3
-
-
-
-

2019/06/08 時点


stack overflowタグ比較

react-dnd
react-beautiful-dnd
react-dropzone
sortablejs
react-draggable

件数
199
26
101
35
-

投票数
(1位)
17
2
4
4
-

投票数
(5位)
12
0
3
1
-

2019/06/08 時点


まとめ

react-dndが人気度が高く、情報量も多そうです。npm trendsでの比較だけ3番手くらいでしたが、他の比較では全てトップだったので、とりあえずreact-dndを試してみるのが無難そうです。


参考ページ



  • m.Search


    • 比較検索に使った検索サイト