useCallbackはどこで使えばいいのか？使い所とは
hooksAPIの中で、useCallbackの使い所がいまいちわからなかったので検証してみました。 結果だけ知りたい人 自コンポーネントだけで使うコールバック関数の場合は使う必要なし。…
0件のコメント
2020年6月19日
typescriptでuseDispatchでRedux Thunkのthenが型エラーになる時の対応
APIが成功を返した時にリダイレクトするなどの処理に必要なのでdispatchをthenで繋ぎたいです。 下記のような書き方だとdispatchで型エラーが出ます。 非同期のaction…
2020年6月18日
WordPressの記事・固定ページにHTMLを追加できるプラグイン「WP Add Content」を作ってみた
いい感じのプラグインがなかったので自作しました。 機能的にもシンプルなのでそんなに複雑なことはしていません。 store.jpで無料でダウンロードできます。 Wordpre…
2020年6月14日
background-size: coverをimgタグで行うにはCSSのobject-fitを使おう
サムネイルの表示などでサイズのバラバラな画像をアスペクト比を崩さずに表示するためにbackground-imageとbackground-sizeをcoverを設定する方法があります。 実はobjec…
2020年6月13日
styled-componentsでも使われてるstyled.divに続くバッククォートが何か知ってる？Tagged Template Literal
styled-componentsのドキュメントを読むと、こんな書き方がされています。 styled.div` // css... ` ちょっと見た目気持ち悪いですが、これはES6のTagged Te…
2020年6月11日
javascriptのtimesっぽい[…Array(5)].map(_ => console.log(_))が動かない原因
javascriptでrubyのtimesっぽいことをしたい時に、よく使われるテクニック。 動かない場合は、babel設定をチェックしてみてください。 スプレッド構文を使い時に利用するプラグイン、「@…
2020年6月9日
Reactフォームのリアルタイム更新の実装テクニック
メモアプリなどのアプリでは、テキストエリアをリアルタイムで更新しておきたい時があります。 onChangeの度にupdateする方法もありますが、これでは無駄なupdate文が発行されてしまいます。 …
2020年6月6日
firestoreとreduxのバインディングライブラリ「react-redux-firebase」の使い方
firestoreとreduxをバインディングするライブラリを見つけたので触ってみました。 ※公式ライブラリではありません。 https://github.com/prescottprue/react…
2020年6月5日
javascript配列の追加処理の速度比較：push VS concat VS spread operator
配列に新しい値を追加する時、push, concat, spread operatorの3種類の方法の速度を計測してみました。 例 // push for (let i; i < 1000; i…
2020年6月4日