ReactJS フロウ概念

フロウはデータが一方向に流れるプログラミング概念です。これらのデータはアプリケーションに入り、一方向に流れ、最終的にスクリーンに表示されます。

フロウ要素

以下はフロウ概念的な簡単な使い方。次の章では、アプリケーションでこれを実現する方法を学びます。

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

• Dispatcher−これはアプリケーションの中央ハブです。すべてのデータが配分され、Storeに送信されます。

• Store− Storeはアプリケーションの状態とロジックを保存する場所です。各Storeは特定の状態を持ち、必要に応じて更新されます。

• View−viewデータをストアから受信し、アプリケーションを再レンダリングします。

以下の図はデータフローを説明しています。

フロウの利点

• 単方向データフローは簡単に理解できます。

• アプリケーションはメンテナンスが容易です。

• アプリケーションコンポーネントが解耦されています。