React Redux:用語のクリーンアップ

3960 ワード
React テキストリンク

リファレンス


ベロフトとのモダン反応

Action

{
  "type": "REMOVE",
  "data": {
    "id": 0 
  }
}
  • 州が変化する必要がある場合、行動が発生します.
  • actionはtypeを必須項目として有し、その他のデータを追加することができる.

    • Action Creator

  • function 
    • export function addUser(data) {
  return {
    type: "ADD_USER",
    data
  }
}
  • arrow function 
    • export const addUser = data => {
  return {
    type: "ADD_USER",
    data
  }
}
  • アクション作成器は、パラメータを受信し、適切なアクションオブジェクトを作成する関数である.

    • Reducer

    function counter(state, action) {
  switch (action.type) {
    case 'INCREASE':
      return state + 1
    case 'DECREASE':
      return state - 1
    default:
      return state;
  }
}
  • 現在の状態と動作をパラメータとして受け入れ、動作を参照して新しい状態を返す.

    • store

  • アプリケーションごとにstoreを作成します.

    • dispatch


    これは
  • store内蔵関数の1つで、動作します.
  • dispatchのパラメータは、動作をパラメータとして伝達する.

    • subscribe

  • storeの内蔵関数の1つで、パラメータとして関数形式の値を使用します.
  • アクションが送信されるたびに、入力された関数が呼び出されます.
    • Redisのリストタイプ(List)
    redis+lua+ロックによるデータ競合の同時処理と分散処理のある程度の解決