useStateだけでは防げない！React無限スクロールの多重リクエストをuseRefで解決する #フロントエンド ift.tt/w8QSE9G

ReactのuseSyncExternalStoreっていうフック初めて使ったんだけど、useRefと組み合わせたら汎用性高すぎて、全部これでいいじゃんってなってるんだけど。公式はuseStateを使えって推奨されているんだけど、どうなんだろ？

useEffect, useRef, useMemo, ReactCompiler, useWatch,... react シンプルにむずすぎないか、、 react普通にかける人めちゃくちゃ尊敬するのだが、、 特にreact 19入れてuseMemo使わないようにaiに修正させてたら無限レンダリング地獄

【2/19】#React #日報 useRef() について調べたついでに、以前でてきた、ref属性についても整理しました。 <div ref={myRef}>と書くと、このdivタグのDOMをmyRef.current にセットする、という指示になると改めて確認しました。

【2/18】#React #日報 usePrevious()の「const ref = useRef();」という記述で、呼び出されるたびにrefが初期化されると挙動がおかしくならないかなと疑問でした。 useRef() で宣言された変数は「レンダリングをまたいで保持される」という性質があり初期化されず既存値のままとなると知りました。

【Day 048/100】VPN Defender 🛡️ 「なぜVPNは『構造的に脆弱』なのか。」 ✅ Canvas APIによる描画 ✅ React Hooks (useRef) ゲームループ ✅ 脆弱性のパッチ当てをゲーム化 #100DaysOfCode #Nextjs #CanvasAPI #GameDev #React github.com/ruu2023/100-da… pic.x.com/V0SJmrNTJl

【2/12】#React #日報 useRef() と useEffect() について、Githubにドキュメントを作成してまとめました。 github.com/ko-haru-58/til… 今後もこういうことがあったらこのドキュメントに追記するのかどうかは様子見です。

【2/10】#React #日報 引き続きusePrevious() について。 usePrevious() が難しいというよりも、該当の関数に含まれている useRef() と useEffect() の方でつまづいているような気がしてきました。 次回はこれまで出てきたフックをメモにまとめるところから始めるつもりです。

返信先:@setu_ganbareyaコード例（キー部分）: import { useRef, useEffect } from 'react'; import { Canvas } from 'react-three/fiber'; import gsap from 'gsap'; import { ScrollTrigger } from 'gsap/ScrollTrigger'; import Lenis from 'studio-freight/lenis'; gsap.registerPlugin(ScrollTrigger); const lenis =

✅筋トレ ✅React学習：1h30m createPortal ・親DOMの制約を回避して描画 ・モーダル/トースト実装に使用 ・Reactツリー基準でバブリングに注意 useRef ・再レンダリングせず値を保持 ・ref.current：DOMを直接操作 ・state：UI更新したい値 ・ref ：UIに出さない値/DOM参照 #デイトラコミュニティ pic.x.com/ABkEBdl6le