@Redux

redux.js

// First install decorator plugin: yarn install core-decorators
//
// Then add the plugin to your .babelrc:
// {
//   ...
//   "env": {
//     "development": {
//       "plugins": [
//         ...
//         "transform-decorators-legacy"
//       ]
//     }
//   }
// }

import React from 'react';
import { connect } from 'react-redux';
import actions from './actions'; // all your actions

export default function redux(callback = state => state) {
  return function(component) {
    return connect(callback, actions)(component);
  };
}

// Elswhere in your code:
import React from 'react';
import redux from './redux';

// @redux argument is optional
// default will subscribe component to all state changes
// great for prototyping
@redux()
export default class App extends React.PureComponent {
  render() {
   return (
     <h1>{this.props.someReduxValue}</h1>
   );
  }
}

// for later optimization you can select which pieces of state to subscribe too
@redux(({ someReduxValue }) => ({ someReduxValue }))
export default class AppOptimized extends React.PureComponent {
  render() {
   return (
     <h1>{this.props.someReduxValue}</h1>
   );
  }
}