2021_05_17

TIL-Reduxとは?

Reduxとは?

これは私たちが最後にReactで実現したビデオプレーヤーです.Entryをクリックすると、ビデオプレーヤーの状態を変更するためにAppに状態管理関数を作成し、状態管理関数をpropsとしてサブコンポーネントに渡して使用します.
しかし,この方式のプロジェクト規模が大きいほどpropsチャネルとしてのサブコンポーネントの数が多くなるため,状態管理はますます複雑になる.これらの問題を解決するために発生したステータス管理ライブラリの1つはReduxです.1つの方法は、すべての構成部品がアクセスできるグローバルステータスを格納し、stateが必要な構成部品がディレクトリからアクセスできるようにすることです.
これをフラックスモードと呼ぶ.

(1) action
Actionオブジェクトにはタイプとデータがあります.このオブジェクトはdispatcherに渡され、その操作の結果、新しいstateが返されます.

{
  type: "ORDER" //type
  drink: { //data
      menu: "Americano"
      size: "Grande"
      iced: false
  }
}

(2) dispatcher
トラフィック内のすべてのデータ・ストリームを管理するピボットとして機能します.ActionオブジェクトはDispatcherに渡され、Dispatcherはstoreを呼び出します.

dispatch(ORDER)

(3) store
ステータスが管理されるのは1つのスペースだけです.各構成部品にはstoreという空間があり、各構成部品がステータス情報を必要とする場合にstoreにアクセスできます.

const 저장소 = createStore( rootReducer )

(4) reducer
stateとactionを受け入れて新しいstateを生成します.

const reducer = (initialState, action) => {
  ~~~~~~
  ~~~~
}

2.Reduxの三つの原則

(1) Single source of truth
データはstoreという場所に格納されます.
(2) state is read-only
stateを変更できるのはactionというオブジェクトのみです.
(3) change are made with pure functions
変化は純粋な関数でのみ行われる.このとき純関数はreducerである.
この授業は李徳思を勉強した.
次の授業では、リデスを利用して新しい市場を実施します.
今日はここまで:)