【Redux】たまに何をやっているか絵にする方が理解してないところが分かる
Reduxとredux-sagaなどMiddlewareの呼び方とかを絵にした。Fluxのときもそうだったけど、、
・reselect
・applyMiddleware
・redux-saga
・redux-thunk
それぞれ何を解決しているかとかやりたいこと、argumentsとreturnとか、概要は理解した。
引き続き細かいAPI仕様を読んでいこう。。
でわーーー
Reduxとredux-sagaなどMiddlewareの呼び方とかを絵にした。Fluxのときもそうだったけど、、
・reselect
・applyMiddleware
・redux-saga
・redux-thunk
それぞれ何を解決しているかとかやりたいこと、argumentsとreturnとか、概要は理解した。
引き続き細かいAPI仕様を読んでいこう。。
でわーーー
・Reduxのメソッド
applyMiddleware.jsらへん
[code language="javascript"]
export default function applyMiddleware(...middlewares) {
return (createStore) => (reducer, preloadedState, enhancer) => {
var store = createStore(reducer, preloadedState, enhancer)
var dispatch = store.dispatch
var chain = []
var middlewareAPI = {
getState: store.getState,
dispatch: (action) => dispatch(action)
}
chain = middlewares.map(middleware =>; middleware(middlewareAPI))
dispatch = compose(...chain)(store.dispatch)
return {
...store,
dispatch
}
}
}
[/code]
・Reduxにおけるreducer分割とcombineReducersについて
combineReducersがやっていること
・超訳 Redux Documentation - レジューサ(reducer)
・日本のWebエンジニアの大半が、変化に対応しきれなくなっている件について。
日和見主義
・10年のツケを支払ったフロント界隈におけるJavaScript開発環境(2016年4月現在)
・Constructing the Object Model