Search…
Local Storage List
Simple observable list that can be subscribed to, in React, using Hooks. State is automatically synced to the localStorage.
Source code is hosted on GitHub
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:

Quick Start

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>
)
}

createLocalStorageList()

Create a new observable list:
import { createLocalStorageList } from "@corets/local-storage-list"
const list = createLocalStorageList("storageKey", ["some", "data"])
Copy link
On this page
Quick Start
createLocalStorageList()