Reduxとは?

反応器内の状態をより効率的に管理するためのステータスライブラリ.

どうしてReduxなの?

コンポーネント間で直接コミュニケーションする方法もありますが、コードが非常に複雑なので、この方法はお勧めしません.
アプリケーション・コンポーネントは、構造的に親コンポーネントによって管理および降格されるため、直感的で管理しやすいが、アプリケーションの規模が拡大するにつれて表示されるコンポーネントの数が増加し、データも増加し、メンテナンスも困難になる.
例)


アイテムを順番に下に流します.
降下過程:A->E->G

Reduxは?

リデスには5つの理解すべき概念がある.

Store

Subscribe

Dispatch & Action

Reducer

Listener

Store

・組み込みアプリケーションのステータス値.
△変数管理の概念を中央から考えると便利です.
・reduceのみに基づいてstateの値を変更します.

速購読

・ショップ価格が必要な構成部品購読ショップ.
・反応要素上で反応ストアを購読する操作は、反応−還元のconnect関数によって置き換えられる.
・Ridexの内蔵関数subscribe、unsubscribe関数を使用する.

Dispatch & Action

・Dispatchとは、動作をショップに伝えることを意味します.

Action:

・ステータスが変化したときに参照するオブジェクト.
関数は

const mapActionToProps=(dispatch)=>{}

使用します.
・アクションという言葉はEventと同じです.
・DispatchからReduceに買収されたオブジェクト(タイプ)を定義します.
・アクションの実行が完了するとtypeが返され、Reduceが返されます.

Reducer

・Storeの番人
・アクションオブジェクトが受信された場合、タイプに応じてステータスをどのように更新すべきかを定義します.
・reducer関数はstate(現在の状態)とaction(アクションオブジェクト)の2つのパラメータを受け入れます.
ex)

export function reducer(state = {state : 10, age:100}, action)

・Reducer関数を生成する際に肥えたアロエを使用しない.
・Reducer関数は純粋な関数でなければなりません.結果値を出力するときはパラメータ値に依存し、常に同じ結果を出力する必要があります.
・Reducer stateを使用する場合は初期化する必要があります
・Reducerでstateの変化が発生
・価格の更新はreduceで行う必要があります

Listener

・ステータスが変化した場合、サブスクリプションエレメントに新しいステータスの関数を取得させる

整理する

リカバリを使用すると、ショップを使用してステータスを構成部品構造の外に配置したり、ショップを仲介者としてステータスを更新したり、新しいステータスを取得したりすることができます.
すなわち、複数の素子を介さずに深い素子にあっても、直属の親から得られるように容易に管理することができる.

リファレンス

https://velog.io/@mokyoungg/Redux-Redux%EC%9D%98-%EA%B8%B0%EC%B4%88-%ED%9D%90%EB%A6%84
https://hwan1001.tistory.com/38
https://k39335.tistory.com/76
https://velopert.com/3528