useCallbackはどこで使えばいいのか？使い所とは
hooksAPIの中で、useCallbackの使い所がいまいちわからなかったので検証してみました。 結果だけ知りたい人 自コンポーネントだけで使うコールバック関数の場合は使う必要なし。…
0件のコメント
2020年6月19日
typescriptでuseDispatchでRedux Thunkのthenが型エラーになる時の対応
APIが成功を返した時にリダイレクトするなどの処理に必要なのでdispatchをthenで繋ぎたいです。 下記のような書き方だとdispatchで型エラーが出ます。 非同期のaction…
2020年6月18日
styled-componentsでも使われてるstyled.divに続くバッククォートが何か知ってる？Tagged Template Literal
styled-componentsのドキュメントを読むと、こんな書き方がされています。 styled.div` // css... ` ちょっと見た目気持ち悪いですが、これはES6のTagged Te…
2020年6月11日
Reactフォームのリアルタイム更新の実装テクニック
メモアプリなどのアプリでは、テキストエリアをリアルタイムで更新しておきたい時があります。 onChangeの度にupdateする方法もありますが、これでは無駄なupdate文が発行されてしまいます。 …
2020年6月6日
firestoreとreduxのバインディングライブラリ「react-redux-firebase」の使い方
firestoreとreduxをバインディングするライブラリを見つけたので触ってみました。 ※公式ライブラリではありません。 https://github.com/prescottprue/react…
2020年6月5日
typescriptでフォルダ名/ディレクトリ名でindex.tsをimportしたい場合の設定
こんな感じのフォルダ構成でmoduleAやmoduleBをimportしたい時 src/ components/ moduleA/index.ts moduleB/index.tsx こ…
2020年4月8日
typescript+React+ReactRouterでwithRouterの型宣言
onClickでページ遷移したい時は、history.pushを利用します。 import * as H from 'history' interface OwnProps { history: H.…
2019年5月8日
typescript+Reactでrefを利用する方法「class componentとfunctional component」
typescript+React環境でrefを使う方法です。 Classコンポーネント import * as React from 'react'; import './App.css…
2018年12月9日