react-media-query-hoc/demo/components/Tablet.js

A dead simple React Higher Order Component (HOC) that uses context for matching media queries

const React = require('react');

module.exports = function Tablet() {
  return (
    <h1 className="tablet" style={{ color: 'red' }}>In Tablet View</h1>
  );
};