Compose props reactively in FrintJS Apps
With npm:
$ npm install --save frint-props frint-react
Via unpkg CDN:
<script src="https://unpkg.com/frint-props@latest/dist/frint-props.min.js"></script>
<script>
// available as `window.FrintProps`
</script>
The package exposes a compose
higher-order component, that is similar to the one found in frint-props
.
You can use it as follows:
import React from 'react';
import { withDefaults, withState } from 'frint-props';
import { compose } from 'frint-props-react';
function MyComponent(props) {
// props.counter (`Integer`)
// props.setCounter (`Function`)
}
export default compose(
withDefaults({ counter: 0 }),
withState('counter', 'setCounter', 0)
)(MyComponent);
compose(...functions)(Component)
Higher-order component in React.
Accepts multiple functions as available in frint-props
. The returned function is an enhancer that can be called directly with your base React component.