jsonサーバー+Reactでデータベース操作するソフトを作成した時の課題。

実現したいこと

jsonサーバー＋reactで複数人がデーターベースへの入力・参照できるソフトウェアを作ろうとしています。
順調に枠組は完成して、自分でデバックしていたときに致命的な弱点を発見してしまいました。

それはstateによるものでした。
当初何も考えず「App.jsのstateにデーターベースをGETして入れて、その情報をpropsで渡し編集画面で受け取り、編集が終わったらPOSTで飛ばそう。」
という思想で完成すると思っていたのですが、デバック中に気づいてしまったのです、二人同時に同じ人を編集したら、最後に保存した方のデータのみが生き残って、もう一人のデータが消えてしまうということに。
さらに。他の人の更新がリアルタイムに取得できないということに。

皆さんは上記のようなソフトウェアを作るときに、どのようにこの問題を回避しているのでしょうか？
なんとなく思いつく解決法は
・jsonサーバーの変更をリスナーして取得（やり方不明）
・そもそもreactじゃむり？
・firebase利用すれば解決だが、機密情報をやり取りしたいためオンラインは不可（LANは使用可能）

と、いくつかありますが自力で超えられない壁だったため、質問しています。
jsonサーバーはこいつのことです。

dodox86

2020/10/19 04:17 編集

質問文中特に記載がないようですが、ここで言う「JSONサーバー」とはJSONを扱う自作のサーバーということですか。それともNodeのJSON Serverなど、既存の製品を指しているのでしょうか。それらの違いのこともあるし、サーバー側で同時アクセスに対する必要な排他処理を意識しないで作ったものに同時アクセスするテストをしてもあまり意味がなく、ほとんど確実に失敗すると思います。

MOTOMUR

2020/11/16 15:31

質問日からだいぶ期間が空いてしまいましたが、今までの期間中はとりあえず複数人だとうまくいくのかという点を無視してPDCAとして上記のソフトを作って見ていました。そして問題がはっきり認識できたため再度質問いたしました。試してみた今の言葉で書き直していますので、回答ができる方、よろしくお願いします。要約すると、同じidのデータを複数人で編集するとそれぞれのブラウザ上のstateに誰かの保存前のデータが多重に存在してしまって、それが予期せぬ動作を生んでしまう、ということです。これを解決したいです。