試薬：ワーカーを使用してローカルコンポーネントの状態をグローバル状態に同期させますか？

Question

は、グローバルアプリケーション状態（試薬） - 原子がある考えてみましょう：

(defonce state (reagent/atom ["Here" "are" "some" "words"])) 

この原子取得の操作/ Webアプリケーションを通じてさまざまな場所からスワップ。

今では、単語をstateからレンダリングする必要があるコンテナがあります。コンテナ自体は、それ自身のローカル状態でいくつかの余分なデータを追跡する必要があります。言葉の長さが必要だとしましょう。
ように、ローカル状態は、このような構造を有する、グローバル状態に同期している原子が存在すべきである：例えば、レンダリングされる

[{:word "Here" :length 4} 
{:word "are" :length 3} 
{:word "some" :length 4} 
{:word "words" :length 5}] 

ように：

(defn compo [] 
    (let [local-state ...] 
     (fn [] 
     [:div 
      (for [{:keys [word length] @local-state] 
       [:div (str word " - " length)])]))) 

これを行う方法？これはウォッチャーのためのシナリオでしょうか？(installed via add-watchはlet文の冒頭にありますか？

Answer 1

グローバルな状態と常に同期していると思われる場合、別のローカルアトムを維持する必要があるかどうかはわかりません。代わりにグローバル状態を使用し、let式をレンダリング関数の中に入れてください。

(defn compo [] 
    (let [local-data ...] 
    [:div 
     (for [{:keys [word length] @local-data] 
     [:div (str word " - " length)])])) 

ここで、render関数の全身が呼び出されるたびに実行されます。そのため、local-dataを使用して、グローバルな状態をこのコンポーネントに必要なものにマップすることができます。

これが役に立ちます。

さらに、re-frameと呼ばれる別のクロージャスクリプトフレームワークがあります。これは試薬の上に構築され、それはあなたが探しているかもしれない正確にいる加入者を実装します。それらについての詳細はhereです。