Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
useRef完全に理解した
Search
柏木玲奈
March 16, 2025
Programming
0
150
useRef完全に理解した
「渋谷でビール片手にLT会!」2025/3/13(木曜日)の登壇資料
柏木玲奈
March 16, 2025
Tweet
Share
Other Decks in Programming
See All in Programming
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
390
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
180
React Native × React Router v7 API通信の共通化で考えるべきこと
suguruooki
0
100
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
210
ノイジーネイバー問題を解決する 公平なキューイング
occhi
0
110
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
690
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
tsukamoto1783
0
200
ぼくの開発環境2026
yuzneri
0
240
生成AIを活用したソフトウェア開発ライフサイクル変革の現在値
hiroyukimori
PRO
0
110
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.5k
CSC307 Lecture 05
javiergs
PRO
0
500
Featured
See All Featured
Un-Boring Meetings
codingconduct
0
200
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.3k
Code Reviewing Like a Champion
maltzj
527
40k
We Have a Design System, Now What?
morganepeng
54
8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Building Adaptive Systems
keathley
44
2.9k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
54
How STYLIGHT went responsive
nonsquared
100
6k
Mind Mapping
helmedeiros
PRO
0
90
Deep Space Network (abreviated)
tonyrice
0
65
4 Signs Your Business is Dying
shpigford
187
22k
Transcript
完全に理解した useRef 柏木玲奈 株式会社loadoff
useStateとの違いは? 自己紹介 useRefってなに? お話しすること Hello まとめ
JavaScriptたのしい! 完全に理解はまだ... 株式会社loadoff フロントエンドエンジニア 柏木 玲奈 自己紹介
株式会社loadoff 映画館向けポータルサイト 腸内細菌叢システム開発 栽培環境モニタリングシステム supotta 餅つき開催! 5月10日(土曜日)
Reactのフックの一つ コンポーネントに値を持たせたいけど、 再レンダーさせたくない! useRefってなに?
useStateとの違いは?
useState 引数 ファイバー キュー
useRef 引数 メモ化
ファイバー ファイバー useState useRef キュー メモ化
None
メモ化を効率的に行っ てくれる組み込みhook のこと useRefとは 動きが近しいだけで 行っている処理が違う useStateの違い そこに全て 書いてある! OSSを読もう
setTimeoutのIDを保持 スクロールの際 使用例 まとめ
Thank You!
https://zenn.dev/porokyu32/articles/960d9d6e45533b https://ja.react.dev/reference/react/useRef React公式 React GitHub 公式コードの読み方 React Fiberとは References https://github.com/facebook/react/blob/c21c41ecfad46de0a718d059374e48d13cf08ced/
packages/react/src/ReactHooks.js#L82 https://sbfl.net/blog/2019/02/09/react-hooks-usestate/ 株式会社loadoff useRefを使用した画面 https://www.loadoff.jp/ https://supotta.com/contact