React Hooksのテストには react-testing-library を使っていたのですが、 react-hooks-testing-library を試したところ、なかなか良かったので簡単に紹介します。 react-hooks-testing-library とは GitHub はこちら: https://github.com/testing-library/re…

react-router と Redux を組み合わせるときは、withRouter を使うことでコンポーネントに history や location (URLパスやクエリ) などを渡すことができる。 それを Redux の mapStateToProps でゴニョゴニョすることでURLパスやクエリとStoreのデータを組み…

このエントリは R Advent Calendar 2017 20日目の記事です。 こんにちは。 最近Shinyでちょっと複雑なことをやりたくてJavaScriptを書いていたのですが、 どうせなら最近よく書いている React を使いたいなと思っていたところ、 reactR というドンピシャなパ…

メモ。 Reduxで開発中、 flow-typedを導入し、チェックしたところ下記のエラーが。 export default connect(mapStateToProps)(Metadata); ^^^^^^^^^^^^^^^^^^^^^^^^ function call. Could not decide which case to select MapStateToProps のtypeが用意され…

ログアウトしたときなどに、ReduxのStateをまっさらにリセットしたいことがある。 そういう場合は下記のように、rootReducer内でログアウトactionを拾ってからReducerを更新する。 なお、一部のstateだけはリセットしたくない場合は、そのstateだけ残せばよ…