Redux-overview

Redux-概要

Reduxは、JavaScriptアプリの予測可能な状態コンテナーです。 アプリケーションが大きくなると、アプリケーションを整理してデータフローを維持することが難しくなります。 Reduxは、ストアと呼ばれる単一のグローバルオブジェクトでアプリケーションの状態を管理することにより、この問題を解決します。 Reduxの基本原則は、アプリケーション全体の一貫性を維持するのに役立ち、デバッグとテストが容易になります。

さらに重要なことは、タイムトラベルデバッガーと組み合わせたライブコード編集を提供します。 React、Angular、Vueなどのビューレイヤーに柔軟に対応できます。

Reduxの原則

Reduxの予測可能性は、以下に示す3つの最も重要な原則によって決まります-

単一の真実の源

アプリケーション全体の状態は、単一のストア内のオブジェクトツリーに保存されます。 アプリケーションの状態全体が単一のツリーに保存されるため、デバッグが容易になり、開発が高速になります。

状態は読み取り専用です

状態を変更する唯一の方法は、何が起こったかを説明するオブジェクトであるアクションを発行することです。 これは、誰もアプリケーションの状態を直接変更できないことを意味します。

変更は純粋な関数で行われます

アクションによる状態ツリーの変換方法を指定するには、純粋なレデューサーを作成します。 レデューサーは、状態の変更が行われる中心的な場所です。 Reducerは、状態とアクションを引数として取り、新しく更新された状態を返す関数です。