search

rainit2006 / JS-room

javascript knowledge
0 stars 0 forks source link

Flux , Redux #3

Open rainit2006 opened 7 years ago

rainit2006 commented 7 years ago

Flux Facebookが提唱しているアーキテクチャで、JavaScriptのデータの流れを分かりやすく整理するために使われます。

JavaScriptはイベントドリブンなため、様々なデータの流れがあり複雑化しやすくなっています。 そのためFluxではその流れを一方向にまとめよう！といったことをやっています。 Dispatcherを通して状態を変化させていく様子はデザインパターンのオブザーバーパターンと同じような形ですね。

rainit2006 commented 7 years ago

Redux ReduxはFluxの派生ですが、Fluxとの違いは色々とあります。 Reduxには三原則があったり、FluxにあったDispatcherがReduxにはありません。 また、stateオブジェクトに対し直接変更を加える事はせず、新しいstateオブジェクトを作成する方法をとっています。

Reduxの三原則 •Single source of truth

•State in read-only •Changes are made with pure functions