> For the complete documentation index, see [llms.txt](https://docs.corets.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.corets.io/observables/local-storage-store.md).

# Local Storage Store

Source code is hosted on [GitHub](https://github.com/corets/local-storage-store)

{% tabs %}
{% tab title="yarn" %}

```bash
yarn add @corets/local-storage-store
```

{% endtab %}

{% tab title="npm" %}

```bash
npm install --save @corets/local-storage-store
```

{% endtab %}
{% endtabs %}

Seamless React integration is shipped in a separate package:

{% content-ref url="/pages/-MeeGEsjHpNC1z04Kqfm" %}
[useStore](/hooks/use-store.md)
{% endcontent-ref %}

This is a `localStorage` version of this package:

{% content-ref url="/pages/-MeeBQ0F094TDCsvnMbA" %}
[Store](/observables/store.md)
{% endcontent-ref %}

## Quick Start <a href="#react" id="react"></a>

Example of how to use this package in React:

```typescript
import React from "react"
import { createLocalStorageStore } from "@corets/local-storage-store"
import { useStore } from "@corets/use-store"

const Example = () => {
  const counterStore = useStore(() => createLocalStorageStore("storageKey", { counter: 0 }))
  const increment = () => counterStore.set({ counter: counterStore.get().counter + 1 })
  return (
    <div>
      <button onClick={increment}>{counterStore.get().counter}</button>
    </div>
  )
}
```

## createLocalStorageStore() <a href="#createlocalstoragestore" id="createlocalstoragestore"></a>

Create a new observable store:

```typescript
import { createLocalStorageStore } from "@corets/local-storage-store"

const store = createLocalStorageStore("storageKey", { some: "data" })
```