Smalldots MobX Store

Store API for MobX

Usage

import Store from '@smalldots/mobx-store'
import { observer } from 'mobx-react'
import UserList from './UserList'

function toJSON(response) {
  return response => response.json()
}

const store = new Store()

// Sample hydration
fetch('http://myawesomeapi.com').then(toJSON).then(store.hydrate)

// Sample API call
fetch('http://myawesomeapi.com/users')
  .then(toJSON)
  .then(users => store.set('users', users))

// Sample component
const UserListContainer = observer(() => <UserList users={store.get('users')} />)

API

hydrate(state)

Hydrates state

get(key)

Gets key's value

set(key, value)

Sets key's value

merge(key, value)

Merges value into key even if key doesn't exists

push(key, value)

Pushes value to key even if key doesn't exists

remove(key)

Removes key

clear()

Clear all keys/values

toJSON()

Returns all keys/values as JSON