Looking for reactjs Answers? Try Ask4KnowledgeBase
Looking for reactjs Keywords? Try Ask4Keywords

ReactFlux法によるReactJSの使用


前書き

限られた構造と、実行時の状態変更をより容易にするための新しいコードのために、フロントエンド上のReactJSを使用するアプリケーションの成長が計画されているとき、Fluxアプローチを使用することは非常に便利です。

備考

Fluxは、FacebookがクライアントサイドWebアプリケーションを構築するために使用するアプリケーションアーキテクチャです。これは、単方向データフローを利用してReactの構成可能なビューコンポーネントを補完します。これは正式なフレームワークではなく、パターンであり、新しいコードを多く使わずにFluxをすぐに使用することができます。

Fluxアプリケーションには、ディスパッチャストア 、およびビュー (リアクションコンポーネント)の3つの主要部分があります 。これらをModel-View-Controllerと混同してはいけません。コントローラはFluxアプリケーションに存在しますが、コントローラのビューです。階層の最上部にあるビューは、ストアからデータを取得し、そのデータを子に渡すことがよくあります。さらに、アクション作成者 - ディスパッチャーヘルパーメソッド - は、アプリケーションで可能なすべての変更を記述するセマンティックAPIをサポートするために使用されます。 Fluxの更新サイクルの4番目の部分と考えることは有益です。

Fluxは、単方向データフローを優先してMVCを回避します。ユーザーがReactビューと対話すると、ビューは中央ディスパッチャを介してアクションを、アプリケーションのデータとビジネスロジックを保持するさまざまなストアに伝播し、影響を受けるすべてのビューを更新します。これは、Reactの宣言型プログラミングスタイルで特に効果的です。これは、ストアが状態間でビューを遷移させる方法を指定せずに更新を送信できるようにします。

Flux法によるReactJSの使用 関連する例