ReactでTrelloっぽいタスク管理アプリの作成
将来的にドラッグアンドドロップでリストの並び替え機能の実装がある為、簡単にハンズオンしてみた。
使用したライブラリは「react-beautiful-dnd」。
参照:
GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React
ただメンテナンスも終了しているし、Reactも17系までしか対応していない為、実際にプロジェクトで使用することはない。
今回はこちらのライブラリを使用した動画があったので使用してみることにした。
作成したアプリの動作は下記のような感じです。
ライブラリを使うとこんなに簡単に作れるなんてと感動。。。
イメージが分かりやってみて良かったです。
API・DBとの連携は無かったので、今後の課題としてやってみたいと思います。