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 |
| ブックマーク数 (１位) |
21 | 22 | 8 | 21 | 4 |
| ブックマーク数 (５位) |
8 | - | - | - | - |
2019/06/08 時点
Qiitaタイトル検索比較
| react-dnd | react-beautiful-dnd | react-dropzone | sortablejs | react-draggable | |
|---|---|---|---|---|---|
| 件数 | 11 | 2 | - | - | - |
| いいね数 (１位) |
130 | 5 | - | - | - |
| いいね数 (５位) |
3 | - | - | - | - |
2019/06/08 時点
stack overflowタグ比較
| react-dnd | react-beautiful-dnd | react-dropzone | sortablejs | react-draggable | |
|---|---|---|---|---|---|
| 件数 | 199 | 26 | 101 | 35 | - |
| 投票数 (１位) |
17 | 2 | 4 | 4 | - |
| 投票数 (５位) |
12 | 0 | 3 | 1 | - |
2019/06/08 時点
まとめ
react-dndが人気度が高く、情報量も多そうです。npm trendsでの比較だけ３番手くらいでしたが、他の比較では全てトップだったので、とりあえずreact-dndを試してみるのが無難そうです。
参考ページ
-
m.Search
- 比較検索に使った検索サイト