Reduxライブラリ

このチュートリアルでは、非常に便利で価値のあるJavaScriptライブラリ、Reduxを紹介します。 このライブラリの名前は、関数 reduce と、Reactアプリケーションの一方向データフローを基盤とする Fluxアーキテクチャという2つの言葉に由来しています。

まず第一に、Reduxはアプリケーションデータの状態に対する予測可能なコンテナ、またはストアです。 我々はすでに、Reactチュートリアルの学習において、状態、または ステート (state) という概念に出会っています。 Reduxを使用すると、予測可能に動作し、簡単にスケーリングおよびテスト可能な、クライアントサイド、サーバーサイド、またはネイティブのアプリケーションを書くことができます。

Reduxのさらなる魅力は何でしょうか？それは、アプリケーションのグローバルな状態を管理するのに役立つことです。 Reduxで使用されるツールと技術は、状態がどこで、なぜ、どのように変更されたのか、そしてそのような変更があった場合にアプリケーションロジックがどのように動作するのかを理解しやすくします。

Reduxは独立したライブラリですが、 React、 Angular、 Vueなどの人気フレームワークや、 純粋なJavaScriptと組み合わせて使用することができます。少し先取りして言うと、 このチュートリアルではReactとの組み合わせを使用します。

このツールの重要性にもかかわらず、 アプリケーションを作成する際には、その使用の必要性を賢く評価する必要があります。 Reduxが必要となるのは、アプリケーションのさまざまな部分で必要とされる状態の数が多い場合、 または状態が非常に頻繁に変更される場合、あるいは状態を更新するためのロジックが複雑すぎる場合です。