Local Storage Value
Simple observable value that can be subscribed to, in React, using Hooks. State is automatically synced to the localStorage.
yarn
npm
yarn add @corets/local-storage-value
npm install --save @corets/local-storage-value
Seamless React integration is shipped in a separate package:
This is a
localStorage version of this package:Example of how to use this package in React:
import React from "react"
import { createLocalStorageValue } from "@corets/local-storage-value"
import { useValue } from "@corets/use-value"
const Example = () => {
const counter = useValue(() => createLocalStorageValue("storageKey", 1))
const increment = () => counter.set(counter.get() + 1)
return (
<div>
<button onClick={increment}>{counter.get()}</button>
</div>
)
}
Create a new observable value:
import { createLocalStorageValue } from "@corets/local-storage-value"
const value = createLocalStorageValue("storageKey", "some data")
Last modified 1yr ago