Redux FAQ

目次

• 一般
  • Redux を学ぶべきなのはいつですか？
  • Redux を使用するべきなのはいつですか？
  • Redux は React でしか使用できませんか？
  • Redux を使用するために特定のビルドツールが必要ですか？
• Reducer
  • 2 つの Reducer 間で状態を共有するにはどうすればよいですか？`combineReducers` を使用する必要がありますか？
  • アクションを処理するために `switch` 文を使用する必要がありますか？
• 状態の整理
  • すべての状態を Redux に入れる必要がありますか？React の `useState` や `useReducer` を使用すべきでないケースはありますか？
  • 関数、Promise、その他のシリアライズできない項目をストアの状態に入れることができますか？
  • 入れ子になったデータや重複したデータを状態の中でどのように整理すればよいですか？
  • フォームの状態やその他の UI 状態をストアに入れるべきですか？
• ストアの設定
  • 複数のストアを作成できますか？ストアを直接インポートして、コンポーネントで直接使用できますか？
  • ストアエンハンサーに複数のミドルウェアチェーンを持つことは問題ありませんか？ミドルウェア関数における `next` と `dispatch` の違いは何ですか？
  • 状態の一部のみを購読するにはどうすればよいですか？購読の一部としてディスパッチされたアクションを取得できますか？
• アクション
  • 型を文字列、または少なくともシリアライズ可能にする必要があるのはなぜですか？アクション型を定数にする必要があるのはなぜですか？
  • Reducer とアクションの間に常に 1 対 1 のマッピングがありますか？
  • AJAX 呼び出しなどの「副作用」をどのように表現しますか？非同期動作を行うために「アクションクリエーター」、「thunk」、「ミドルウェア」などのものが必要なのはなぜですか？
  • どの非同期ミドルウェアを使用する必要がありますか？thunk、saga、observable、その他の中からどのように選択しますか？
  • 1 つの action creator から複数のアクションを連続してディスパッチする必要がありますか？
• 不変データ
  • 不変性のメリットは何ですか？
  • Redux で不変性が要求されるのはなぜですか？
  • データの不変性を処理するためのアプローチは何ですか？Immer を使用する必要がありますか？
  • JavaScript を不変操作に使用することの問題点は何ですか？
• コード構造
  • ファイル構造はどのようなものにする必要がありますか？プロジェクトでアクションクリエーターと Reducer をどのようにグループ化する必要がありますか？セレクターはどこに配置する必要がありますか？
  • Reducer とアクションクリエーターの間でロジックをどのように分割する必要がありますか？「ビジネスロジック」はどこに配置する必要がありますか？
  • アクションクリエーターを使用する必要があるのはなぜですか？
  • WebSocket やその他の永続的な接続はどこに配置する必要がありますか？
  • コンポーネント以外のファイルで Redux ストアをどのように使用できますか？
• パフォーマンス
  • Redux はパフォーマンスとアーキテクチャの点でどの程度「スケール」しますか？
  • 各アクションに対して「すべての Reducer」を呼び出すと遅くなりますか？
  • Reducer で状態をディープクローンする必要がありますか？状態のコピーは遅くなりますか？
  • ストアの更新イベントの数を減らすにはどうすればよいですか？
  • 「1 つの状態ツリー」を持つとメモリの問題が発生しますか？多くのアクションをディスパッチするとメモリを消費しますか？
  • リモートデータをキャッシュするとメモリの問題が発生しますか？
• 設計上の決定
  • Redux が状態とアクションをサブスクライバーに渡さないのはなぜですか？
  • Redux がアクションと Reducer にクラスの使用をサポートしていないのはなぜですか？
  • ミドルウェアのシグネチャがカリー化を使用するのはなぜですか？
  • applyMiddleware が dispatch のクロージャを使用するのはなぜですか？
  • combineReducers が各 Reducer を呼び出すときに、全体の状態を含む第 3 引数を含めないのはなぜですか？
  • mapDispatchToProps が `getState()` または `mapStateToProps()` の戻り値の使用を許可しないのはなぜですか？
• React Redux
  • React-Redux を使用する必要があるのはなぜですか？
  • コンポーネントが再レンダリングされない、または `mapStateToProps` が実行されないのはなぜですか？
  • コンポーネントが頻繁に再レンダリングされるのはなぜですか？
  • mapStateToProps を高速化するにはどうすればよいですか？
  • 接続されたコンポーネントで `this.props.dispatch` が使用できないのはなぜですか？
  • トップコンポーネントのみを接続する必要がありますか？ツリーに複数のコンポーネントを接続できますか？
• その他
  • 大規模な「実際の」Redux プロジェクトはありますか？
  • Redux で認証を実装するにはどうすればよいですか？