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 add @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 (
      Fruits: {list.get().join(",")}
      <button onClick={addFruit}>Add fruit</button>


Create a new observable list:

import { createLocalStorageList } from "@corets/local-storage-list"

const list = createLocalStorageList("storageKey", ["some", "data"])

Last updated