React

React Hooks のテストを react-hooks-testing-library で書く

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

TypeScript で react-router + Redux を使う(mapStateToProps編)

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

reactRパッケージでRからReactを実行する

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

Redux & flow-typed で mapStateToProps に型を付ける

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

Redux で State をリセットする

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