Local Storage

Simple helpers for managing local storage in your React applications.

npm
source

import { getLocalStorage, setLocalStorage } from '@cerberus/react'

Usage

'use client';

import { getLocalStorage } from '@cerberus/react'
import { useState } from 'react'

export default function Page() {
  const [value, setValue] = useState<string>('')

  // You have to wait until the component is mounted to
  // have access to the local storage
  useEffect(() => {
    const value = getLocalStorage('key')
    setValue(value)
  }, [])

  return (
    <Text>
      This is from local storage: {value}
    </Text>
  )
}

API

getLocalStorage

Name	Default	Description
key		The key that the value is saved under
defaultValue		The default value to return if the key does not exist in localStorage

setLocalStorage

Name	Default	Description
key		The key to save the value under
value		The value to save in localStorage

On this page

Edit this page on Github