[TIL]このマシン11



[Redux]


  • Reduxの概念
    :ステータスを管理するライブラリです.

    素子間の関係が簡単であれば、互いに情報を伝えやすいが、それらの関係が複雑であれば、どうすればいいのだろうか.このとき,単純なシステム状態を管理するのが「Redux」である.

  • Reduxの3つの基本原則
    1)同じデータは常に同じ場所からデータを取得する.
    :データを格納するストレージが存在します.
    2)Reactと同様,Stateは直ちに変更できず,Actionを使用しなければならない.
    3)変更は純関数のみである.
  • [Reduxの基本概念]


  • Store
    :1つの独立したスペースしか管理できない状態(構成部品とは異なる)

  • Action
    :アプリケーション内の各種データをJavaScriptオブジェクトとしてStoreに送信する役割
  • {
      type: 'order',
      meal: {
        menu: 'ramen',
        time: '10min',
        size: 'L'
      }
    }
    // 예시코드. 여기서 type은 필수적인 요소이다.
  • Reducer
    :動作オブジェクトはDispatchに渡され、DispatchはReducerを呼び出して新しい状態を生成します.
    (データは一方向に流れる必要があるため)

  • [Reduxの利点]

  • 状態を予測することができる.
    :Reducerは純粋な関数であるため、
  • メンテナンスが容易な
  • .
    :既存の道具を置く方法は、一つの間違いを修正しても大きな努力が必要です.ただし、ActionとStoreを使用すると簡単にデバッグできます.
  • 純関数を使用するので、テストが容易です.