hoc in react with react-redux

hoc-w.js

import React, { Component } from 'react';

export default function(ComposedComponent) {
  class Auth extends Component {
    static contextTypes = {
      router: React.PropTypes.object
    }

    componentWillMount() {
      if (!localstorage.token) {
        this.context.router.push('/');
      }
    }

    componentWillUpdate() {
      if (!localstorage.token) {
        this.context.router.push('/');
      }
    }

    render() {
      return <ComposedComponent {...this.props} />
    }
  }

  return Auth;
}

hoc.js

import React, { Component } from 'react';
import { connect } from 'react-redux';

export default function(ComposedComponent) {
  class Auth extends Component {
    static contextTypes = {
      router: React.PropTypes.object
    }

    componentWillMount() {
      if (!this.props.auth) {
        this.context.router.push('/');
      }
    }

    componentWillUpdate(nextProps) {
      if (!nextProps.auth) {
        this.context.router.push('/');
      }
    }

    render() {
      return <ComposedComponent {...this.props} />
    }
  }

  function mapStateToProps({ auth }) {
    return { auth: auth.isAuth };
  }

  return connect(mapStateToProps)(Auth);
}

Don't take the first approach(RequireAuth Component without Redux) if you plan on using SSR because of localstorage :)