CATEGORY
React
【React】useCallbackのキホン
ここではReack hookのひとつ、useCallbackについて紹介していきたいと思います。 このhookはReactにおけるパフォーマンス最適化戦略と関わってくるところが大きいので、まずはそこから見ていきましょう。 Reactのパフォーマンス最適化 Reactでは、パフォーマンス最適化のためには「不要な再計算やコンポーネントの再レンダリングを抑える」ことが基本的な戦略です。 その実現のために […]
【React】useRefとは?概要と利用例を紹介
ここではReact hookの1つ、useRefについて紹介します。 useRefとは useRefは、React.createRefの返り値であるRefオブジェクトを返すhookです。ここでRefオブジェクトとは、「コンポーネントがマウントされたときからアンマウントされるときまで存在し続ける、書き換え可能なオブジェクト」を言います。公式ドキュメントにはRefを利用するのに適した例として、 フォー […]
.tsxファイルについてドキュメントを読む(その2)
前回に引き続き、TypeScriptドキュメントのJSX章を読んで得た知見をまとめます。今回はコンポーネントと属性の型チェックについて。
.tsxファイルについてドキュメントを読む(その1)
.tsx拡張子ファイルは、Reactなどで利用するJSX構文をTypescriptで書いた際に保存される拡張子ファイルです。今回、typescriptの公式ドキュメントをのぞいてみたところ、少し普通の.tsファイルと比べた制約など学びを得たので、まとめていきたいと思います。 型アサーションに山括弧<>は使えない 型アサーションは、Typescriptによる型推論、あるいは既に型定義済み […]