HOC for Feature Toggles

Using Higher order components (HOC) for UX variations

eg. Toggling features On/Off

  1. // featureToggle.js
  2. const isFeatureOn = function (featureName) {
  3.   // return true or false
  4. };
  6. import { isFeatureOn } from './featureToggle';
  8. const toggleOn = (featureName, ComposedComponent) => class HOC extends Component {
  9.   render() {
  10.     return isFeatureOn(featureName) ? <ComposedComponent {...this.props} /> : null;
  11.   }
  12. };
  14. // Usage
  15. import AdsComponent from './Ads'
  16. const Ads = toggleOn('ads', AdsComponent);