はてなブックマーク

はじめに こんにちは、daikiです！ 普段はフロントエンドエンジニアとして業務をしており、 主にTypeScriptやNext.jsなどの技術を触っています。 開発の状況によってはバックエンドも行っており、使用言語はGoです。 今回はReact HookであるuseSyncExternalStoreを使用してローカルストレージから値を取得した話をしていきたいと思います！ useSyncExternalStore useSyncExternalStoreは外部のデータストアから値を読み込みたい時に使用できるReact Hookです。 公式にも記載されていますが、その他にもブラウザAPIから値を読み込みたい時にも使用されます。 今回はローカルストレージにある値が変更された際に検知してレンダリングさせたかったため、useSyncExternalStoreを使用しました。 実装 まず、useSy