1.0.3 • Published 7 years ago

composens v1.0.3

Weekly downloads
3
License
ISC
Repository
github
Last release
7 years ago

composeNS

Namespaces are one honking great idea -- let's do more of those!

composeNS is namespaced compose function that can be used with recompose to avoid prop name collision.

build status npm version npm downloads

Usage

compose(
  opts: string | { namespace: string, propMap: Array<string> | { [string]: string } },
  ...functions: Array<Function>,
): Function

Usage to namespace a portion of a group of HOC

import ReactDOM from 'react-dom'
import { compose, withProps, mapProps, withState } from 'recompose';
import composeNS from 'composens';

const App = compose(
  withState('state', 'setState', { location: 'france' }),
  composeNS(
    {
      namespace: 'toulon',
      propMap: { 'state': 'parentState' }, // you can still access props passed in using a the propMap option that is a array of props you want passed in, or an object `{ key: alias }`
    },
    withState('state', 'setState', { prisoner: 24601 })
    mapProps(props => ({ description: `location: ${props.parentState.location}, prisoner: ${props.state.prisoner}` }))
  )
)((props) => <div>description: {props.toulon.description}</div>);

ReactDom.render(<App />, document.querySelector('#container'));
1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

0.0.9

7 years ago

0.0.8

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago