https://github.com/bufferapp/buffer-redux-hover

MyComponent.js

import React, { PropTypes } from 'react';
import { Hoverable } from '@bufferapp/redux-hover';

const MyComponent = ({
  hovered, // managed by redux-hover
  onMouseEnter,
  onMouseLeave,
}) =>
  <div
    onMouseEnter={onMouseEnter}
    onMouseLeave={onMouseLeave}
    style={{ background: hovered ? 'green' : 'red' }}
  >
    Hover This
  </div>;

MyComponent.propTypes = {
  hovered: PropTypes.bool,
  onMouseEnter: PropTypes.func,
  onMouseLeave: PropTypes.func,
};

// wrap the export like a container does
export default Hoverable(TestComponent);