Redux

896 ワード


李徳思とは何ですか。


多数のサブ構成部品ステータスを管理するライブラリ

Reduxの3つの原則


同じデータは同じ場所からデータを取得する必要があります.(store)
ステータスは読み取り専用
変更は純関数のみ

Store


管理された状態の空間(1つのみ)
構成部品とは独立しており、構成部品がステータス情報を必要とする場合にアクセスして情報を取得できます.

Action


JavaScriptオブジェクトであり、複数のデータを格納します.
ショップにデータを運ぶ役割

Reducer


アクションで伝える過程でReducerを経由します.
動作オブジェクトはDispatchに渡され、DispatchはReducerを呼び出して新しい状態を作成します.
派遣する
case 'TODO_CREATE':
  Dispatcher.waitFor([
    PrependedTextStore.dispatchToken,
    YetAnotherStore.dispatchToken
  ]);

  TodoStore.create(PrependedTextStore.getText() + ' ' + action.text);
  break;

Reduxのメリット


reduceは純粋な関数であるため,次の状態を容易に予測できる.
Actionを使用するとログが残るため、メンテナンスが容易です.
テストを簡単に使用できます.