Redux Sagaは、主にES6ジェネレーター機能の使用と複雑な非同期フローを宣言的に処理する設計により、Redux Thunkよりも複数の同時タスクをより効率的に処理します。 Redux Sagaでは、ジェネレーター関数は「Sagas」を作成し、一時停止して再開できる長寿命の背景プロセスを作成し、同時性、キャンセル、デバウンス、スロットル、人種条件など、非同期操作を洗練した制御を可能にします。この機能は、特に多くの同時非同期タスクを備えた複雑なアプリケーションで、副作用を管理するための構造化されたスケーラブルな方法を提供します。
対照的に、Redux Thunkは、プレーンアクションオブジェクトの代わりに機能を返すアクションクリエイターを含むより単純な概念に基づいています。これらの関数は、タスクが完了する前後に異なるアクションを発送することにより、API呼び出しなどの非同期操作を処理できます。 Redux Thunkには、単純または中程度に複雑な非同期のニーズに効果的ですが、Redux Thunkには、並行性制御と副作用オーケストレーションを処理するための組み込みコンストラクトがありません。
###非同期制御のためのジェネレーター機能
Redux SagaはES6ジェネレーター機能を活用します。これにより、ミドルウェアへの制御が得られ、再開する前に非同期操作が完了するのを待ちます。この一時停止モデルにより、サガスは複数のタスクを同時に、そして大きな制御と並行して調整できます。たとえば、サガは独立して実行される複数のタスクを分岐できますが、メインサガは実行を続けます。また、タスクを競うこともできます。つまり、最初に完了することに応じて、1つのタスクが他のタスクをキャンセルできることを意味します。
この機能は、Redux Thunkのアプローチとは対照的です。このアプローチでは、非同期関数が実行される可能性がありますが、そのような細かいタスク調整に自然に役立つことはありません。サンクスには通常、営巣や接続の約束とコールバックが含まれます。これは、複数の同時相互作用で複雑で扱いにくくなります。
###宣言的な副作用管理
Redux Sagaは、「TakeEvery」、「Takelatest」、「Fork」、「Call」、「Put」などの組み込み効果クリエーターのセットを通じて、宣言的効果を使用します。これらの効果は、副作用を説明するプレーンオブジェクトを生成します。これは、ミドルウェアが実際の操作を実行するために解釈します。サガは「それをやる方法」ではなく「何をすべきか」を説明しているため、コードはより読みやすく、テスト可能です。
並行性のために、「Fork」により、Sagasは複数の非ブロッキングタスクを並行して開始できます。たとえば、SAGAは複数のウォッチャーをフォークして、異なるアクションを同時に聞くか、一度に複数のAPI呼び出しを実行できます。 「TakeEvery」は、派遣されたアクションごとにサガを実行し、メインサガをブロックすることなく複数のアクションを同時に処理します。
対照的に、Redux Thunkは宣言的ではなく不可欠です。アクションクリエイターは、条件と複数のディスパッチコールで非同期ロジックを明示的に処理します。並行性管理はマニュアルであり、多くの場合、複雑なネストされたコールバックまたは約束をもたらし、保守性と明確性に影響を与えます。
###複雑なフローとタスクのキャンセルを処理します
Redux Sagaは、バックグラウンドポーリング、デバウンド、レトリ、キャンセル、およびアクションのシーケンスなど、簡単なAPI呼び出しを超えて、より複雑な非同期ワークフローをサポートします。たとえば、SAGASは、特定のアクションが発生したときに進行中のタスクをキャンセルし、時代遅れまたは不必要な操作が完了しないようにすることができます。このキャンセルは、新しいユーザーが以前のAPI呼び出しを中止するオートコンプリート検索などの同時シナリオで重要です。
Redux Thunkには組み込みのキャンセル機能がなく、外部ライブラリまたはカスタムロジックに依存して同様の効果を実現します。この制限は、アプリケーションの複雑さが増すにつれて、人種の状態と管理が難しい非同期ロジックにつながる可能性があります。
###懸念のテスト可能性と分離
Redux Sagaの発電機関数は説明的な効果をもたらすため、実際の非同期操作を実行せずに単体テストを簡単にします。開発者は、非同期環境全体をock笑する必要なく、生成された効果のシーケンスと内容を主張することにより、SAGAロジックをテストできます。
Reduxサンクテストには、一般に、Reduxストアをock笑し、約束が解決した後に派遣されたアクションを主張することが含まれます。
さらに、Redux Sagaは、コンポーネントから副作用ロジックを動かし、アクションクリエイターをサガに移動し、懸念のより良い分離を促進します。このモジュール式アプローチは、大規模なアプリケーションでのマルチタスクの非同期操作のスケーリングを簡素化します。
###パフォーマンスに関する考慮事項
Redux Thunkは、軽量の性質のために単純な非同期フローのためにオーバーヘッドを導入する可能性がありますが、Redux Sagaの複数の同時タスクの処理効率は、より大きく、より要求の厳しいアプリケーションでの複雑さと潜在的なバグを減らします。同時タスクを宣言して整理し、集中型のサガミドルウェアを介してそれらを管理することにより、Redux Sagaは並列操作と副作用管理の取り扱いを最適化します。
＃＃＃ まとめ
-Redux Sagaは、ジェネレーター機能を使用してタスクの実行を一時停止および再開し、同時タスクと並列タスクを正確に制御できるようにします。
- Redux Sagaの効果の宣言的性質(「フォーク」、「Call」、「TakeEvery」など)により、レトリ、キャンセル、並列性などの複雑な非同期ワークフローをより自然に処理できます。
-Redux Thunkにはデフォルトでは欠けていない並列タスクとキャンセル機能のために、「Fork」などの「Fork」などの組み込みの同時管理ツールを提供します。
-Redux Sagaの純粋なジェネレーター機能は、生成された効果を簡単に主張できるようにすることでテスト能力を向上させますが、Reduxサンクテストにはock笑をock笑する必要があります。
-Redux Sagaは、Sagasの副作用をアクションクリエイターやコンポーネントと混合するのではなく、サガの副作用を分離することにより、より良いコード組織と懸念の分離を促進します。
-Redux Thunkは、よりシンプルでシーケンシャルな非同期操作に適していますが、Redux Sagaは、スケーラブルなアプリケーションで複数、同時、および複雑な副作用を管理することに優れています。