女心と秋の空とR e d u x

移ろいやすい?ということでこのタイトルにしてみましたw

本日気づいたReduxとその周辺プロダクトの情報なんですが、この記事の内容も数カ月後には陳腐化していることでしょう

SEO的に引っかからないように半角スペースを入れるという配慮もしてみましたw

redux-routerじゃなくて、react-router-reduxを使うべし

react-routerの状態をreduxのstateで管理するライブラリとして、

github.com

というモノがありましたが、

現在では

github.com

が推奨されている模様。

管理の仕組みはコチラの方がシンプルになっており、redux-routerのリポジトリにも、ちゃんと考えて選べという但し書きが。

v3.1.0でapplyMiddlewareとかcomposeの書き方が変わった

Release v3.1.0 · reduxjs/redux · GitHub

4日前の情報になるのですが、書き方が変わっていました。

コード例

const createStoreWithMiddleware = applyMiddleware(
  thunk,
  logger
)(createStore)
const store = createStoreWithMiddleware(
  rootReducer,
  initialState
)
// ↓
const store = createStore(
  rootReducer,
  initialState,
  applyMiddleware(thunk, logger)
)

const finalCreateStore = compose(
  applyMiddleware(thunk, logger),
  DevTools.instrument()
)(createStore)
const store = finalCreateStore(reducer, initialState)
// ↓
const store = createStore(
  reducer,
  initialState,
  compose(
    applyMiddleware(thunk, logger),
    DevTools.instrument()
  )
)

後方互換性はあるそうなので、必ずしも直さなくてもよいですが、情報が増えて混乱しそう。

まとめ

この辺の話は常にGithub上の一次情報を追うのをオススメします。