【ReactHooks入門】第6回：useCallbackの理解 смотреть онлайн

【目次】

0:00 導入
0:19 今回のゴール
0:32 useCallbackとは
1:05 Callback関数とは
2:15 メモ化とは
2:45 React.memoとは
3:30 ハンズオン開始
4:20 ステップ１：UIの作成
6:25 node-sassのエラー解消
8:30 使わないUIの削除
10:00 各コンポーネントの作成
26:40 App.tsxのスタイル修正
30:40 CountUp機能を実装するためにuseStateを追加
33:45 ステップ２：React.memoを用いた最適化
42:27 ステップ３：useCallbackを用いた最適化
51:55 次回予告

↓本講座のソースコードはこちら
https://github.com/Naoya-abe/hooks-basic-public/tree/youtube/useCallback

【参考】

フック API リファレンス
https://ja.reactjs.org/docs/hooks-reference.htm #usecallback
フック早わかり
https://ja.reactjs.org/docs/hooks-overview.html

パフォーマンス最適化とかで出てくるメモ化（memoization）とはなにか？
https://yukimasablog.com/memoization
Reactでメモ化によるパフォーマンス改善を狙う
https://tech.stmn.co.jp/entry/2021/02/22/140028
具体例で理解するuseMemoとuseCallbackの使い方。Reactパフォーマンスチューニング
https://nishinatoshiharu.com/react-hooks-memo-callback/
React hooksを基礎から理解する (useCallback編+ React.memo)
https://qiita.com/seira/items/8a170cc950241a8fdb23
React.memo / useCallback / useMemo の使い方、使い所を理解してパフォーマンス最適化をする
https://qiita.com/soarflat/items/b9d3d17b8ab1f5dbfed2
React.memoを使ったレンダリング最適化入門
https://zenn.dev/nus3/articles/1978a344cfaa4d3359c1
React HooksのuseCallbackを正しく理解する
https://qiita.com/uehaj/items/99f7cd014e2c0fa1fc4e
useCallbackはとにかく使え！　特にカスタムフックでは
https://blog.uhy.ooo/entry/2021-02-23/usecallback-custom-hooks/
【useCallback】React hookが便利すぎる
https://zenn.dev/web_tips/articles/656af21ea850d5

ーーーーーーーーーーーーーーーーーーーーーー
SNS
ーーーーーーーーーーーーーーーーーーーーーー

【Twitter：@abechan_front】
あべ＠世界一優しいReact講師
https://twitter.com/abechan_front

ーーーーーーーーーーーーーーーーーーーーーー
プロフィール
ーーーーーーーーーーーーーーーーーーーーーー

■あべちゃん
本業：大手IT企業 新規事業開発部所属
副業：フリーランスエンジニア、大手プログラミングスクール元講師
個人事業：Reactに特化したオンライン塾を運営

Music: www.bensound.com