Redux


なぜRidexを使うのですか?


reactを使うと気分が悪くなります.不便な点が多く、最も不便な点はreactが親から状態を管理しているので、子供が親のデータにアクセスしたい場合は、親が道具で子供に伝える道の要素を使って、子供に伝える必要があります.また、子供が親の状態を変えようとしたときもそうでした.イベント関数をサブ関数に降格する場合は、再インポートする必要があります.

最初はあまり部品がなかった時は、そんなに気分が悪くなかったが、部品が多くなるにつれて深さが深くなり、気分が悪くなってきた.

構成部品が複雑であればあるほど、効率が向上します.
今日は李徳思についての内容を整理して彼を認識できる文章を書きましょう.

リドスラン


リデス正式な書類に入り、初めて見たのはJSアプリケーションの予測可能なステータスコンテナです.
JSアプリケーション向けの予測可能なステータスコンテナですが、この文を見るだけではわかりにくいので、コンポーネントの深さにかかわらず、管理状態のショップに直接アクセスすればステータスを変更したり使用したりすることができ、便利と理解できます.

じょうちょうデータストリーム



リドスから別の重要なキーワードを選ぶなら
- store
- state
- reducer
- dispatch
- action
- subscribe
分けられるようです.以下、順番に説明します!

Store


リデスのstoreをストレージ状態の空間として想像することができます.
一つのアイテムにはショップというルールがあるそうです.
コンポーネントは、レプリカ内のショップにアクセスし、特定のルールを使用してショップのステータスを変更するか、インポートおよび使用できます.特定のルールは他の場所で説明されます.
EX:
//리덕스를 따로 사용할 경우
store.getState() 
//를 통해 스토어안의 데이터에 접근할 수 있다

//리엑트와 함께 사용할 경우
import { useSelector } from 'react-redux'
useSelector(state => state) //를 통해 스토어안의 데이터에 접근할 수 있고

//조금 응용한다면 구조분해 할당으로 이와 같이 사용할 수 있다.
const { name, age } = useSelector(state => ({
    name : state.name,
    age: state.age
  }))

State


ReduxのstateとReactのstateは差が少ないと思っていいREEXと同様に、REDEXもstateを直接変更することは禁止されています.

dispatch


dispatchは、以下に説明するreduceを呼び出す関数である.dispatchには、reduceに送信して店の状態を変更するためのactionオブジェクトが含まれています.
dispatch({ type : 'CHANGE_VALUE', value : 10 })

//리엑트의 함수형 컴포넌트 안에서 사용하려면 아래와 같이 사용할 수 있다.

import { useDispatch } from 'react-redux'
const dispatch = useDispatch();
dispatch({ type : 'CHANGE_VALUE', value : 10 })

action


Actionは、上述したdispatchにおいてreducerに伝達されるオブジェクトである.Actionオブジェクトには、それ自体を示すtypeが必要です.typeの後ろに何を置いても大丈夫です主に伝えたいデータです.typeのvalueは主に大文字を使っているようです.
EX:
{ type : 'CHANGE_VALUE', value : 10 }

reducer


reduceは状態と動作を受け入れる関数である.
Actionを受け入れ、typeと一致する操作を実行し、元の状態の結果値を変更するのではなく、元の状態を新しい状態に上書きする方法を使用します.
したがって、redux dev toolを使用して、変更前のステータスのタイムマシンの新しい機能を表示することができ、デバッグに役立ちます.

subscribe


subscribeは解釈と同様に、購読の意味を持つ.サブスクリプションされたコンポーネントは、ステータスが変化すると最新のステータスを再登録します.これらのサブスクリプション機能は、操作の最適化に役立ちます.