chot Inc. で Web エンジニアをしているすてぃんです。今回は社内で useMemo の使い時がわからんという話題が挙がったので、ケースによる使い時と解説をまとめました。コードレビュー時などの参考になれば幸いです。 useMemo は次のような型で定義される React ...

useMemo と useCallback の違いと使い分け──React最適化の基本を理解する React の開発において、パフォーマンスの最適化は避けては通れない重要なテーマです。その中で頻出するフックに useMemo と useCallback があります。一見似たような構文と用途を持つこの2つ ...

ReactにおけるuseCallbackとuseMemoは、再描画の最適化を目的とした便利なHooksです。Flutterエンジニアとしての視点を活かして、useCallbackとuseMemoの違いについて整理します。 ReactとFlutterの再描画の違い Reactの再描画 Reactでは、状態（state）やプロパティ（props）が ...

Next.jsで学ぶReact講座の第17回では、useMemoとuseRouterの使い方について詳しく解説します。パフォーマンス向上とルーティングの最適化を学びましょう。 #Nextjs #React #useMemo 『べらぼう』鳥山検校役の市原隼人 白濁したレンズを装着、ほぼ見えない状態で挑んだ ...

TypeScriptとReactを愛するフロントエンドエンジニア。Web標準も好き。技術記事を書くのが趣味。 技術分野は成熟が進み、 新しい領域が急激に増えています。本コーナーでは技術へのタッチポイントを増やすことを目標に、 各分野で活躍されている方をお迎え ...

こんな方にオススメ モダンなWebフロントエンドに興味のある方 React/Next.jsを初めて使う方、本番に導入したい方 React/Next.jsとTypeScriptを組み合わせた開発スタイルに興味のある方 TypeScriptを中心に据えたWebフロントエンド開発に興味のある方 Atomic DesignやStorybookなど、コンポーネント中心の開発に ...