ReactJS-フラックスコンセプト

Flux はプログラミングの概念であり、データは uni-directional。このデータはアプリに入り、画面に表示されるまで一方向に流れます。

フラックス要素

以下は、の簡単な説明です。 flux概念。次の章では、これをアプリに実装する方法を学習します。

  • Actions −データフローをトリガーするアクションがディスパッチャに送信されます。

  • Dispatcher−これはアプリの中心的なハブです。すべてのデータがディスパッチされ、ストアに送信されます。

  • Store−ストアは、アプリケーションの状態とロジックが保持される場所です。すべてのストアは特定の状態を維持しており、必要に応じて更新されます。

  • Viewview ストアからデータを受信し、アプリを再レンダリングします。

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

フラックスの長所

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