REDUX:還元剤の組合せ

今日、なぜ私はRedux管理アプリケーションの減速器を結合する理由を説明します.

理解の疑問

Reduxは何ですか?

還元器は何ですか?

Reduxストアは何ですか?

図書館は何ですか.

州は何ですか?

Reduxの状態はどう反応しているのか?

💬我々の議論の間、心にこれらの質問をしましょう!💬

結合器
最新のプロジェクトで「Combinereducers」を使用する例を示します.

// reducers/index.js

import { combineReducers } from "redux"
import userReducer from "./userReducer"
import bookmarkReducer from "./bookmarkReducer"
import categoryReducer from "./categoryReducer"

const rootReducer = combineReducers({
  users: userReducer,
  bookmarks: bookmarkReducer,
  categories: categoryReducer
})

export default rootReducer

“CombinerDeducers”は、ユーティリティの関数を私たちにreduxライブラリから与えられている.したがって、私は私のファイルの上部にそれをインポートします.“ユーティリティ”それは我々のアプリケーションのいくつかの動作を提供し、我々のための仕事を意味する.この仕事、その目的(名前が去るように)は、すべてのアプリケーションの減速器を一つの減速器に格納することです.コンビネーション.私のアプリケーションの場合、私はすべての私の減速器の定数を私は“rootreducer”と呼ばれるに格納されます.
私のrootトレダの中では、いくつかのオブジェクトを受け入れて、各オブジェクトを自分のアプリケーションのルート状態オブジェクトのキーに設定します.
私はすべての3つ(3)の私のリダーズのインポート:userreducer、bookmarkreducer、およびそれらのデリゲートファイルからCategoryReducer.それから、私のCombinerDeduction ()ユーティリティ関数内で、私はそれぞれの減速器をキーに割り当てます.キーの名前を選択することができますが、標準では、それは還元器の名前を反映する良いアイデアです.
ゆえに

 users: userReducer

CombinerDeclarersは、効果的に、アプリケーションのルート状態を分割し、状態の異なる部分を還元器に委任します.
私たちのreduxdevtoolsコンソールでは、この効果が起こります.

CombinerEducation ()で作成した3つのキー値のペアをすべて見ることができます.一旦拡大されると、その個人、特定の還元器によって返される状態を見ることができます.

💬💬💬
これは、CombineLeduction ()の簡単な説明です.その性質にもかかわらず、私は基本的に何かのような複雑なreduxの重要な概念を見て役立つことがわかります.あなたが初心者開発者であるか、長年これをしているかどうか、私はこれがあなたをよく見つけたことを望みます.
💬コメントを続行するには以下のコメント+質問を自由にお気軽に!💬