# useStore

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

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

```bash
yarn add @corets/use-store
```

{% endtab %}

{% tab title="npm" %}

```
npm install --save @corets/use-store
```

{% endtab %}
{% endtabs %}

This is a React integration for this package:

{% content-ref url="../observables/store" %}
[store](https://docs.corets.io/observables/store)
{% endcontent-ref %}

## useStore() <a href="#usestore" id="usestore"></a>

Use observable stores inside React components:

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

const globalStore = createStore({ count: 0 })

const Example = () => {
  const store1 = useStore(() => ({ count: 0 }))
  const store2 = useStore(globalStore)
  
  // alternative syntax
  const [store, setStore] = useStore(globalStore).use()
  
  const increment = () => store1.set({ count: store1.get().count + 1 })
  
  return (
    <div>
      <button onClick={increment}>Count: {store1.get().count}</button>
    </div>
  )
}
```