複数移動の問題

複数移動の問題

200枚の付箋を投げ縄選択して移動すると、画面が更新されるまで時間がかかる

1個の付箋の移動のコードを使いまわしてるせいで200回の状態更新が走るせい

個別の付箋の移動を行っているのでUndoで1枚ずつ戻る

Undo可能にするために状態を根底からUndo可能にしたが、それは適切な設計ではなかった

「状態の更新1個ごとにUndoの対象にする」のではなく「ユーザの操作1個ごとにUndoの対象にする」べき

昔のGUI実装のイメージで「Undoは大変」と思っていたが、そうでもない

React Wayにしたがって「状態に対して破壊的更新をしない」を徹底していれば「ある時点の状態」はその時点の状態への参照を保持しておくだけで簡単に戻れる