useTransitionとは https://react.dev/reference/react/useTransition useTransitionは、React 18で新しく導入されたhooks。 useTransitionは、startTransitionという関数を提供していて、このstartTransitionに渡した関数内で状態を更新された場合、その状…

useDeferredValueについて https://react.dev/reference/react/useDeferredValue#usedeferredvalue useDeferredValueは、React 18で新しく導入されたhooks。 Suspenseコンポーネントによって、コンポーネントのレンダリングに遅延が発生する場合、最新のデー…

Suspenseについての簡単なおさらい Suspenseを使って非同期処理を含むReactコンポーネントを内包すると、Suspenseは未完了のPromiseをcatchして、完了まではfallbackのコンポーネントを表示してくれる。 inon29.hateblo.jp 参照。 ErrorBoundary Suspenseがc…

概要 FirebaseAuthの signInWithRedirect をそのまま使うと、Safariで動かないという問題があったので事象の理解と対応のメモ 問題のサマリー 問題のissueはhttps://github.com/firebase/firebase-js-sdk/issues/6716に上がっている。 要約すると、 リダイレ…

概要 React18から正式に使えるようになったSuspenseという機能について、自身であまり積極的につかってこなかったため改めて、理解をまとめる。 公式ドキュメント https://react.dev/reference/react/Suspense 整理 コンポーネント内で処理が中断(例えばProm…