React DnDでフレキシブルにリサイズ・移動可能なboxを実装する
経緯 Drag & Drop でシームレスに移動することができて、なおかつリサイズ可能な box を実装する必要があったのですが、意外と情報がなかったので備忘録的にまとめました。 同じような悩みを抱えている人の参考になれば幸いです。 サンプル 最終的な動き 使用ライブラリ React の基本的なパッケージ以外で使用しているライブラリは以下の 2 つです。 React DnD: https://github.com/react-dnd/react-dnd React で D&D を提供する re-resizable: https://github.com/bokuweb/re-resizable リサイズ可能なコンポーネントを提供する 説明 思ったより長くなってしまったのでサンプルを見て動かした方が早いかもしれません。実装の流れ・注意点を知りたい人は以下に書きました。 シンプルな D&D ブ
