dot-store

dot-store

Like Redux, but easy.

Install

npm install --save dot-store

Basics

Create an in-memory store:

import Store from "dot-store"
const store = new Store()

Mutate state with "dot props":

store.set("users", { employees: {} })
store.merge("users.employees", { john: {} })
store.toggle("users.employees.john.admin")

Read state:

store.get("users.employees.john")
// or
store.state.users.employees.john

And subscribe to changes:

store.subscribe((props, state) => {
  if (props.match(/^users\./)) {
    // do something if users.* is mutated
  }
})

Using with React

Install dot-store-react:

npm install --save dot-store-react

Add StoreProvider to your component tree:

import Store from "dot-store"
import { StoreProvider } from "dot-store-react"

export default class Layout extends React.Component {
  constructor(props) {
    super(props)
    this.store = new Store({ counter: 0 })
  }
  render() {
    return (
      <StoreProvider store={this.store}>
        {this.props.children}
      </StoreProvider>
    )
  }
)

Read and write to the store:

import { withStore } from "dot-store-react"

class Page extends React.Component {
  render() {
    let { store } = this.props
    let { get, set } = store

    set("counter", get("counter") + 1)
  }
}

export default withStore(Page)