npm install ima-plugin-select --save
 

// /app/build.js
 
let vendors = {
    common: [
        'ima-plugin-select'
    ]
};
 
/*
The select plugin is now available.
 
import select from 'ima-plugin-select';
*/

// /app/config/bind.js
import PageStateManager from 'ima/page/state/PageStateManager';
import Dispatcher from 'ima/event/Dispatcher';
 
//COMPONENT Utils
oc.constant('$Utils', {
  ...
    $Dispatcher: oc.get(Dispatcher),
    $PageStateManager: oc.get(PageStateManager)
  ...
});
 
/*
The select plugin use $PageStateManager for selecting extra props to your component.
*/

// /app/component/Component.js
import select from 'ima-plugin-select';
 
// Your page state
//{
//	title: 'My title',
//	media: {
//		width: 90,
//		height: 60
//	}
//}
 
 
class Component extends React.PureComponent {
    render() {
        return <h1>{this.props.title}</h1>;
    }
}
 
const titleSelector = (state, context, props) => {
    return {
        title: state.title
    };
}
 
// Only for example purpose. You can use more selectors.
const emptySelector = (state, context, props) => {
    return {};
}
 
export default select(titleSelect, emptySelector)(Component);