make reactDirective composable (feature)

[maddrag0n]

When using ReactJS, chances are high you might want to use other third-party libraries that need to be instantiated and/or injected, such as TapEventPlugin, react-bootstrap or Material-UI.

A very ReactJS way to do that for ngReact is to write a (or multiple) higher order components and compose them.

import React from 'react';
import compose from 'recompose/compose';
import withTapEventPlugin from '…';
import withMaterialUiTheme from '…';

const MyComponent = ({ title }) => <span>{title}</span>;

const enhance = compose(
  withTapEventPlugin,
  withMaterialUiTheme({ someConfig: true }),
);

export default enhance(MyComponent);

It would be super awesome to be able to do the same with reactDirective, e. g.

// …

const enhance = compose(
  withTapEventPlugin,
  withMaterialUiTheme({ someConfig: true }),
  reactDirective([ 'title' ]),
);

export default enhance(MyComponent);