フラックス
フラックスは、データ転送プロセスを管理するためのデザインパターンです。単一指向性のデータフローの中核概念。
フラックスは、以下の3つの役割で構成されています。
3人の使用ビュー（リアクト）を開発するためにクライアント側の Webアプリケーションを。
ペンを参照してくださいoQNzjxを（andyyouによって@andyyou上）CodePen。
Reduxの
Reduxのは、 JavaScriptアプリケーションを使用することです状態管理コンテナを。
使用するcreateStoreだけで完全なアプリケーションの確立をstore、store使用しなければならない減速機（ピュア機能を内部に変更する）状態を。
実行状態変化が送信しなければならないアクションを（ store.dispatch(action)）、アクション単純なオブジェクトが含まなければならないtype行動の変化、対応する行動記述するために使用される属性減速機の実装を。
Reduxのは、以下のユニットで構成されています。
-
ストア：アプリケーション全体が唯一であるストア
1
2
3
4
5
6
7
8
9
10import { createStore } from 'redux';
const store = createStore(reducer);
store.getState();
let unsubscribe = store.subscribe(() => {
console.log(store.getState());
});
// 解除
unsubscribe(); -
Action：action 是一个单纯的对象，须包含
type属性。要变更 state 必须要发送 action。1
2
3
4
5
6const action = {
type: 'ADD_TODO',
text: 'Learn Redux',
};
// 发送 action 的方式
store.dispatch(action); -
Reducer：发送了 action 之后，须变更 state ，使 state 变更的计算过程称为 reducer。reducer 为一函数接收 action 和 state 回传一个新的计算后的 state。
1
2
3
4
5
6
7
8
9
10
11CONSTドス= 関数（状態、行動） { スイッチ（action.type）{ ケース'ADD_TODO' ：戻り [ ...状態、 action.text、 ]。デフォルト：返す状態を、 } }
ペンを参照してくださいrQNRVYを（andyyouによって@andyyou上）CodePen。
逐語大きな柱 https://www.dazhuanlan.com/2019/08/27/5d64c95952286/