react-contextify

Simple decorator to provide context in the functional style

Usage no npm install needed!

<script type="module">
  import reactContextify from 'https://cdn.skypack.dev/react-contextify';
</script>

README

React contextify Build Status

High order component to provide the context in the functional style

Installation

npm install --save react-contextify

Usage

import React, {PropTypes} from 'react'
import contextify from 'react-contextify'

const ContextProvider = () => (...)

export default contextify({
    foo: PropTypes.string
}, props => ({
    foo: props.bar
}))(ContextProvider)


...

const ContextHandler = (_, context) => (...)

ContextHandler.contextTypes = {
    foo: PropTypes.string
}

...
<ContextProvider bar="baz">
...
    <ContextHandler />
...
</ContextProvider>

License

MIT