Hatena Blog Tags
はてなブログ トップ
useMemo
このタグでブログを書く

useMemo

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Web開発における知見共有系ページ•1年前

Reactでyoutubeのタグを埋め込む方法

Reactでyoutubeのタグを埋め込む方法 iframeを含んだコンポーネントを再レンダリングされないようにする 1. React.memoを使用する 2. useMemoを使用する Reactでyoutubeのタグを埋め込む方法 ReactでYouTubeの動画を埋め込むには、YouTubeの埋め込みURLを使ってiframeタグを利用する方法が一般的です。 以下はその具体的な手順です。1. YouTubeの埋め込みURLを取得する： YouTube動画のページで「共有」ボタンをクリックし、「埋め込み」オプションを選択します。 埋め込みコードが表示されるので、その中のsrc属性にあるUR…

#YouTube#iframe#useMemo#memo

関連ブログ

iimon TECH BLOG•2年前

Reactで再レンダリングを最適化する

こんにちは！ 株式会社iimonでエンジニアをしている遠藤です。 最近業務でReactを触るので、再レンダリングについて勉強したことをアウトプットしようと思い記事にしました。 ハンズオンで挙動を試したい場合はcodeSandboxでNew sandbox > React Typescriptを選択して、コードをコピペしていただければ、挙動を試せるかと思います。 ※ デフォルトで開発環境はStrictModeになっているので、1回の更新につき2回再レンダリングされます。 ※ 記事ではレンダリング回数をわかりやすくするために、StrictModeにはせずに実行しています。 参考: https://…

#react#React Hooks#useMemo#useCallback
Michi's Tech Blog•2年前

Reactキャッチアップへの道② 『レンダリングの最適化』

こんにちは！ スマレジ テックファームのMichiです！ 前週に引き続き、Reactのキャッチアップをしていきます。今回は、『レンダリングの最適化』について学びます。 コンポーネントが再レンダリングされる条件 サンプルコード memo - コンポーネントのメモ化 - useCallBack - 関数のメモ化 - useMemo - 変数のメモ化 - まとめ コンポーネントが再レンダリングされる条件 前回のおさらいです。Reactにおいて、コンポーネントの再レンダリングが発生する条件は、（大まかに言って）以下の三つでした。 コンポーネント内の状態管理されている値（state）が変更されたとき 親…

#memo#useCallback#useMemo
stmn tech blog•4年前

Reactでメモ化によるパフォーマンス改善を狙う

はじめに はじめまして。株式会社スタメンでエンジニアをしております永井です。 今回の記事ではReactでメモ化によるパフォーマンスを意識した実装方法について書きたいと思います。 なぜパフォーマンスを意識した実装が大切なのでしょうか。 なぜなら、ユーザーのある操作に対するレスポンスの速度を高めることは、UXの文脈において非常に重要な要素だからです。例えば、100ms未満のレスポンスに関してはユーザーは瞬時に感じられますが、100ms ~ 300msではすでに遅いと感じてしまいます。遅いことにストレスを感じたユーザーは、別のサービスにリプレイスしてしまうかもしれません。 Reactでパフォーマンス…

#react#Reactmemo#useCallback#useMemo