@app-elements/use-actions v1.0.0

useActions

useActions let's you define actions and add their reducer to your store from a Component. It only adds the reducer if it hasn't already been added.

Installation

npm install --save @app-elements/use-actions

Usage

import { useActions } from '@app-elements/use-actions'
import createStore from 'atom'

const store = createStore([], { dropdown: null })

function MyComponent () {
  const { toggle } = useActions(this.context.store, {
    toggle: ({ dropdown }, uid) => {
      const isOpen = dropdown != null && dropdown === uid
      return { dropdown: isOpen ? null : uid }
    }
  }, 'MyComponent')
  return (
    <div>
      <button onClick={toggle('MyDropdown')}>Toggle Dropdown</button>
    </div>
  )
}

Props