Why not?

Ract-redux-restate.js

import { connect } from 'react-redux';
import reduxSemaphore from 'react-redux-semaphore';
import reduxFocus from 'react-redux-focus';

// a + b = c. That a LAW!
const AddLaw = ({a, b, sum}) => <div>{a} + {b} = {sum}</div>

// ok, we will connect this component to a Redux store to get a data. Why not?
const ConnectedRender = connect(
   ({a, b, sum}) => ({a, b, sum})
)(RenderAdd);

// Just double check that we did not bypass the law
const WillPropagateStateOnlyIfConditionMet = reduxSemaphore(
      ({a, b, sum}) => (a + b) === sum
)(ConnectedRender);

// MapStateToProps? MapPropToState!
const MapPropsToStore = reduxFocus(
  (store, props) => ({...props})
)(WillPropagateStateOnlyIfConditionMet);

// what happends next?
const App = ({a, b, sum}) => (
  <Provider store={store1}>
    <PropsToStore a={a} b={b} sum={sum}/>
  </Provider>
);

// in other words
const TestApp = (props) => (
  <ReduxFocus
    focus={(state, props) => ({...props})}
    {...props}
  >
    <ReduxSemaphore condition={({a, b, sum}) => ({a, b, sum})}>
       <ConnectedRender/>
    </ReduxSemaphore>
  </ReduxFocus>
);

https://www.npmjs.com/package/react-redux-semaphore