​​React​ESLint,Suspense,TypeScript,useContext

Thumbnail of post image 006

​

React 19のuseなら、Promiseとコンテキストを描画中に読めます。待ち時間はSuspense、失敗はError Boundaryに任せられ、コンテキストはifのあとでも読めます。キャッシュしないPromiseを渡すとどうな ...

​​React​TypeScript,useActionState,useOptimistic,フォーム

Thumbnail of post image 041

​

React 19のuseActionStateとでフォーム送信を書き直し、useOptimisticで送った内容をすぐ表示しました。投稿フォームの楽観的更新を、ほかのライブラリなしで書くときに使えます。エラーで入力欄が空になる落とし穴 ...

​​React​ESLint,TypeScript,useEffect,useEffectEvent

Thumbnail of post image 132

​

useEffectEventを使うと、エフェクトの中で最新のpropsやstateを読みながら、その値が変わってもエフェクトをやり直さずに済みます。依存配列に入れる、lintを黙らせる、useEffectEventを使う、の3通りで、 ...

​​React​React Compiler,TypeScript,useCallback,useMemo

Thumbnail of post image 046

​

React Compiler 1.0を入れると、useMemoとuseCallbackはほとんどの場面で書かなくてよくなります。ただしコンパイラが処理をスキップしたコンポーネントや、エフェクトの依存値を細かく制御したい場面では、今も手 ...

カテゴリー