エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【React】useSyncExternalStoreを使用してlocalStorageから値を読み込んだ話
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【React】useSyncExternalStoreを使用してlocalStorageから値を読み込んだ話
はじめに こんにちは、daikiです! 普段はフロントエンドエンジニアとして業務をしており、 主にTypeScr... はじめに こんにちは、daikiです! 普段はフロントエンドエンジニアとして業務をしており、 主にTypeScriptやNext.jsなどの技術を触っています。 開発の状況によってはバックエンドも行っており、使用言語はGoです。 今回はReact HookであるuseSyncExternalStoreを使用してローカルストレージから値を取得した話をしていきたいと思います! useSyncExternalStore useSyncExternalStoreは外部のデータストアから値を読み込みたい時に使用できるReact Hookです。 公式にも記載されていますが、その他にもブラウザAPIから値を読み込みたい時にも使用されます。 今回はローカルストレージにある値が変更された際に検知してレンダリングさせたかったため、useSyncExternalStoreを使用しました。 実装 まず、useSy