🚻 ReactのuseSyncExternalStoreで作るオレオレStateライブラリ

2023/11/08 5 users React github.com App 一瞬 サンプルコード

サンプルコード GitHub https://github.com/SoraKumo001/next-syncexternalstore Vercel https://next-syncexternalstore.vercel.app/ あまり話題にされない useSyncExternalStore ReactHooks 解説系の記事で無かったことにされたり、一瞬だけ概要が紹介されるだけなことが多い useSyncExternalStore です。可哀想なので... 続きを読む

【React】matchMedia で理解する useSyncExternalStore

2022/12/27 9 users matchmedia React redux API フック

React の API で、よくわからないしわかる必要性もあんまりない(かもしれない) React Hooks に useSyncExternalStore があります。Redux のように React 外で管理されているステートオブジェクトを React にインテグレートするためのフックということくらいは耳にしたことがあるのではないでしょうか。 そのフックの機能... 続きを読む

データフェッチはuseEffectの出番じゃないなら、結局何を使えばいいんだ

2022/07/03 19 users データフェッチ useEffect use フック 出番

ショートアンサー React 18 からのフックである、useSyncExternalStore を使えばいいようです。 ※ useEffect がまったくだめだというわけではありません。 ※ クライアントサイドレンダリングのみを考えています。サーバーサイドレンダリングを考慮すると違った答えになるかもしれません。 サンプルコード 次のような use... 続きを読む