状態管理ソリューション対小道具

Question

ReduxやMobXのような状態管理ライブラリを使用する場合でも、まだ小道具を使用する必要がありますか？

たとえば、親が子に小道具として状態を送信している場合、親と子の両方がRedux/MobXストアをインポートして、インポートされたストアを介してその州のアクションを呼び出すことはできませんか？

Answer 1

ReduxまたはMobXを使用してアプリケーションの状態を保存する場合は、接続するコンポーネント（スマート）と切断するコンポーネント（ダム）を決定する必要があります。

スマートコンテナは、ストアへの接続、ストア内の状態の更新、状態の変更のサブスクライブを担当します。これらのコンポーネントは、Redux/MobXストアを認識している唯一のコンポーネントです。

コンテナには、一般的にステートレスであり、主にアプリケーションのプレゼンテーションの側面に責任がある多くのダムの子があります。彼らはRedux/Mobxストアの存在を認識せず、親からの小道具として州の変更や行動を受け取ります。

this articleからコンテナとプレゼンテーションコンポーネントの違いをわかりやすくするには、Reduxの作成者@DanAbramovを使用します。

Answer 2

あなたは常にいくつかの理由の再来店に渡すのではなく、すべてのコンポーネントをマッピング親子小道具を反応させることを好む必要があります。

1. 反応を渡し親子小道具のための最適化をレンダリング提供し、Reduxのはしていません。これは、Reduxストアのあらゆる変更を意味します。マッピングコンポーネントは、パフォーマンスの問題を引き起こして再レンダリングする必要があります。 Reactでは、詳細が変更されたコンポーネントだけがレンダリングする必要があります。

2. Reduxストアでマップされたコンポーネントは、相互に強固に結合されているため再利用できません。したがって、あなたはReactで完全に構成可能なパターンを達成することはできません。したがって、Reactの方法でコンポーネントに小道具を渡し、Reduxマッピングをいくつかの主要なコンポーネントだけで使用してください。