ライブラリ変更・実装変更

annictから最近見たアニメをGraphQLで取得してドラッグ＆ドロップで並び替える機能を作成しました。まだUIは整っていません(汗)

先日、ReactでGraphQLへアクセスする方法を書きました。

• ReactでGraphQL APIにアクセスする

昨日作ったランキング作成機能ですが、コンポーネントがスマホのtouchイベントに対応していないことに気づきまして、急遽ライブラリの入れ替えと実装の変更を行いました。

使用しているライブラリ

学習コストは多少ありますが、react-dndほど難解ではない印象です。割とスムーズにドラッグ＆ドロップを楽しめるライブラリかと。

• react-beautiful-dnd

動作イメージ

annictアカウントをお持ちの方は是非遊んでみてください！
https://annict-access.herokuapp.com/