Seitu
Web

Web Storage

Reactive handle for localStorage or sessionStorage.

createWebStorage()

Reactive handle for localStorage or sessionStorage. On the server, get() and the SSR snapshot are defaultValues.

Examples

Vanilla

session-storage.ts
import {  } from 'seitu/web'
import * as  from 'zod'

const  = ({
  : 'sessionStorage',
  : {
    : .().(),
    : .({ : .(['light', 'dark']) }),
  },
  : { : null, : { : 'light' } },
})

.()
.({ : 'abc' })
.() // { token: 'abc', preferences: { theme: 'light' } }
.(.)

React

page.tsx
'use client'

import {  } from 'seitu/web'
import {  } from 'seitu/react'
import * as  from 'zod'

const  = ({
  : 'sessionStorage',
  : { : .(), : .() },
  : { : 0, : '' },
})

export default function () {
  const  = ()
  return (
    <>
      <>{.}</>
      <>{.}</>
    </>
  )
}
Edit on GitHub

Last updated on

Web Storage Value

Reactive handle for one localStorage/sessionStorage key.

Components

Subscribes to a value and passes it to children.

On this page

createWebStorage()ExamplesVanillaReact