Comment on page
Local Storage List
Simple observable list that can be subscribed to, in React, using Hooks. State is automatically synced to the localStorage.
yarn
npm
yarn add @corets/local-storage-list
npm install --save @corets/local-storage-list
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 { createLocalStorageList } from "@corets/local-storage-list"
import { useList } from "@corets/use-list"
const Example = () => {
const list = useList(() => createLocalStorageList("storageKey", ["apple", "banana"]))
const addFruit = () => list.add("pineapple")
return (
<div>
Fruits: {list.get().join(",")}
<button onClick={addFruit}>Add fruit</button>
</div>
)
}
Create a new observable list:
import { createLocalStorageList } from "@corets/local-storage-list"
const list = createLocalStorageList("storageKey", ["some", "data"])
Last modified 2yr ago