dot-store-react

3.0.3 • Public • Published

dot-store-react

React integration for dot-store.

Install

npm install --save dot-store-react

Provider

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>
    )
  }
)

Consumer

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

class Page extends React.Component {
  shouldComponentUpdate({ detectChanges }) {
    return detectChanges("counter")
  }

  render() {
    return this.props.state.counter
  }
}

export default withStore(Page)

Props

Prop Type Description
changes Array[String] Changed dot-props
detectChanges Function<...String> Change match helper
state Object The store.state value at render time
store DotStore The store

Tip: The detectChange helper can match the prop and its children by adding .* to the end of the match string.

Package Sidebar

Install

npm i dot-store-react

Weekly Downloads

2

Version

3.0.3

License

MIT

Unpacked Size

18.2 kB

Total Files

4

Last publish

Collaborators

  • winton