😄

Jotaiを使ってSession Storageにデータを保存する

2024/10/14に公開

Jotaiを使ってSession Storageにデータを保存する

  • Jotaiはグローバルステート管理ライブラリで、Recoilからインスピレーションを受けて開発された。
  • デフォルトでProviderなしでも動作するプロバイダーレスモードとなっている。

コード

  • atomWithStorageを使うと永続化ストレージに保存できる。
  • デフォルトではlocalStorageに保存される
const sessionStorage = () => {
  // windowがundefinedではない場合、Storageを返す
  if (typeof window !== "undefined") {
    return createJSONStorage<boolean>(() => window.sessionStorage);
  }
  return undefined
}

export const flagAtom = atomWithStorage('flag', true, sessionStorage(), {
  getOnInit: true,
});
import { flagAtom } from "@/store/flag";

const [boot, setBoot] = useAtom(bootAtom);

最後に

間違っていること、もっといい方法があればコメントに書いていただけると幸いです。
よろしくお願いいたします。

GitHubで編集を提案

Discussion