immutable.js - Relay-GraphQL ミューテーションを使用した状態トラバーサルの取り消しとやり直しのパターン

Question

Immutable と Flux の実装を使用して元に戻す/やり直し機能を実現することは、基本的に簡単です。これは、一部は Immutable によって可能になった値の受け渡しによるものであり、一部は Flux を使用することのブラウザー内/メモリ内の性質によるものです。

ただし、Relay-GraphQL ミューテーションの観点からこれを概念化することは明らかではありません。これを単純化する既知のパターンはありますか?

Answer 1

リレーは (まだ) ローカル状態を実行できません。したがって、現時点でのオプションは、a) 変更の「ドラフト」を Flux ストアに保存するか、b) ミューテーションを介して継続的に新しいバージョンを作成するドラフト タイプを作成することです。クライアントで新しいドラフト ID を追跡し、アクティブなドラフト ID を元に戻すことで「元に戻す」ことができます。