useSyncExternalStoreとは react.dev React18から追加された 外部にあるデータソースをReact Hookに変換するためのhooks 外部ネットワークやアプリケーション外から subscribe で取得する形式のデータをhooksでstoreとして扱うことができる 型 export functi…

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…

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

Reactで作成したアプリを手軽な環境にデプロイする方法のメモ。 環境 % node -v v10.1.0 % yarn -v 1.6.0 公式ドキュメント https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#github-pages 基本的に公…