logo

React Redux

Redux は、アプリケーションの状態を管理するために使用されるオープンソースの JavaScript ライブラリです。 React はユーザー インターフェイスの構築に Redux を使用します。最初に紹介されたのは、 ダン・アブラモフ そして アンドリュー・クラーク2015年

React Redux は、Redux の公式 React バインディングです。これにより、React コンポーネントが Redux Store からデータを読み取り、ディスパッチできるようになります。 行動 データを更新します。 Redux は、単方向データ フロー モデルを通じて状態を管理する賢明な方法を提供することで、アプリのスケーリングを支援します。 React Redux は概念的にはシンプルです。 Redux ストアをサブスクライブし、コンポーネントが必要とするデータが変更されているかどうかを確認し、コンポーネントを再レンダリングします。

jsセット

Redux は Flux からインスピレーションを受けました。 Redux は Flux アーキテクチャを研究し、不必要な複雑さを排除しました。

  • Redux には Dispatcher の概念がありません。
  • Redux にはストアが 1 つだけありますが、Flux には多数のストアがあります。
  • Action オブジェクトは Store によって直接受信され、処理されます。

React Redux を使用する理由

React Redux を使用する主な理由は次のとおりです。

  • React Redux は公式です UIバインディング 反応アプリケーション用。 React コンポーネントが期待どおりに動作するように、API の変更を反映して最新の状態に保たれます。
  • これは、優れた「React」アーキテクチャを奨励します。
  • 多くのパフォーマンスの最適化が内部的に実装されているため、実際に必要な場合にのみコンポーネントを再レンダリングできます。

Reduxアーキテクチャ

React Redux

Redux アーキテクチャのコンポーネントについては以下で説明します。

店: ストアは、アプリケーションの状態全体がリストされる場所です。アプリケーションのステータスを管理し、ディスパッチ(アクション)機能を備えています。これは、Redux のすべての可動部分を担当する脳のようなものです。

Javaの数学.ランダム

アクション: アクションは、Reducer が読み取ることができるペイロードであるビューから送信またはディスパッチされます。これは、ユーザーのイベントの情報を保存するために作成された純粋なオブジェクトです。これには、アクションの種類、発生時刻、発生場所、その座標、どの状態を変更することを目的としているかなどの情報が含まれます。

レデューサー: Reducer はアクションからペイロードを読み取り、それに応じて状態を介してストアを更新します。初期状態から新しい状態を返す純粋な関数です。

Redux のインストール

要件: React Redux には React 16.8.3 以降のバージョンが必要です。

React アプリケーションで React Redux を使用するには、以下のコマンドをインストールする必要があります。

 $ npm install redux react-redux --save 

React Redux