Reactjs-flux-concept

ReactJS-フラックスの概念

*Flux* はプログラミングの概念で、データは*単方向*です。 このデータはアプリに入り、画面上にレンダリングされるまで一方向に流れます。

フラックス要素

以下は、 flux コンセプトの簡単な説明です。 次の章では、これをアプリに実装する方法を学びます。

• アクション-データフローをトリガーするためにアクションがディスパッチャに送信されます。
• Dispatcher -これはアプリの中心的なハブです。 すべてのデータがディスパッチされ、ストアに送信されます。
• ストア-ストアは、アプリケーションの状態とロジックが保持される場所です。 すべてのストアは特定の状態を維持しており、必要に応じて更新されます。
• View - view はストアからデータを受け取り、アプリを再レンダリングします。

データフローを次の図に示します。

React Flux Concept Image

フラックスプロ

• 単一方向のデータフローは理解しやすいです。
• アプリのメンテナンスは簡単です。
• アプリのパーツは分離されています。