# @4geit/rct-auth-store [![npm version](//badge.fury.io/js/@4geit%2Frct-auth-store.svg)](//badge.fury.io/js/@4geit%2Frct-auth-store)

---

authentication store to use with react components

## Demo

A live storybook is available to see how the store looks like @ http://react-packages.ws3.4ge.it

## Installation

1. A recommended way to install ***@4geit/rct-auth-store*** is through [npm](//www.npmjs.com/search?q=@4geit/rct-auth-store) package manager using the following command:

```bash
npm i @4geit/rct-auth-store --save
```

Or use `yarn` using the following command:

```bash
yarn add @4geit/rct-auth-store
```

2. Depending on where you want to use the store you will need to import the class instance `authStore` or inject it to your project JS file.

If you are willing to use it within a component, then you must use the `inject` decorator provided by `mobx-react` library.

For instance if you want to use this store in your `App.js` component, you can use the RctAuthStore store in the JSX code as follows:

```js
import React, { Component } from 'react'
import { inject } from 'mobx-react'
// ...
@inject('authStore')
class App extends Component {
  handleClick() {
    this.props.authStore.setVar1('dummy value')
  }

  render() {
    return (
      <div className="App">
        <button onClick={ this.handleClick.bind(this) } >Click here</button>
      </div>
    )
  }
}
```

If you are willing to use the class instance inside another store class, then you can just import the instance as follows:

```js
import authStore from '@4geit/rct-auth-store'

class DummyStore {
  @action doSomething() {
    authStore.setVar1('dummy value')
  }
}
```