Socket
Socket
Sign inDemoInstall

react-responsive

Package Overview
Dependencies
45
Maintainers
1
Versions
70
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.1 to 1.1.0

46

package.json
{
"name": "react-responsive",
"description": "Media queries in react for responsive design",
"version": "1.0.1",
"version": "1.1.0",
"homepage": "http://github.com/wearefractal/react-responsive",

@@ -27,5 +27,4 @@ "repository": {

"hyphenate-style-name": "^1.0.0",
"lodash.omit": "^3.0.0",
"matchmedia": "^0.1.1",
"object-assign": "^2.0.0"
"matchmedia": "^0.1.2",
"object-assign": "^4.0.1"
},

@@ -36,23 +35,24 @@ "peerDependencies": {

"devDependencies": {
"browserify": "^5.8.0",
"ecstatic": "^0.5.4",
"gulp": "^3.8.6",
"gulp-autowatch": "0.0.1",
"gulp-cached": "^1.0.1",
"gulp-gh-pages": "^0.3.3",
"gulp-jshint": "^1.7.1",
"gulp-livereload": "^2.1.0",
"gulp-sourcemaps": "^1.1.0",
"jshint": "^2.4.1",
"jshint-stylish": "^0.4.0",
"merge-stream": "^0.1.5",
"mocha": "^1.20.1",
"reactify": "^1.0.0",
"should": "^4.0.4",
"vinyl-buffer": "0.0.0",
"vinyl-source-stream": "^0.1.1",
"watchify": "^1.0.0"
"browserify": "^12.0.1",
"ecstatic": "^1.4.0",
"gulp": "^3.9.0",
"gulp-autowatch": "1.0.2",
"gulp-cached": "^1.1.0",
"gulp-gh-pages": "^0.5.4",
"gulp-jshint": "^2.0.0",
"gulp-livereload": "^3.8.1",
"gulp-sourcemaps": "^1.6.0",
"jshint": "^2.x",
"jshint-stylish": "^2.1.0",
"merge-stream": "^1.0.0",
"mocha": "^2.3.4",
"react-dom": "^0.14.0",
"reactify": "^1.1.1",
"should": "^8.0.2",
"vinyl-buffer": "1.0.0",
"vinyl-source-stream": "^1.1.0",
"watchify": "^3.6.1"
},
"scripts": {
"lint": "jshint ./src --reporter node_modules/jshint-stylish/stylish.js --exclude node_modules",
"lint": "jshint ./src --reporter=node_modules/jshint-stylish --exclude node_modules",
"test": "npm run-script lint"

@@ -59,0 +59,0 @@ },

@@ -20,4 +20,7 @@ # react-responsive [![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url] [![Support us][gittip-image]][gittip-url]

This module is pretty straightforward: You specify a set of requirements, and the children will be rendered if they are met. Also handles changes so if you resize or flip or whatever it will all be cool.
The best supported, easiest to use react media query module.
This module is pretty straightforward: You specify a set of requirements, and the children will be rendered if they are met. Also handles changes so if you resize or flip or whatever it all just works.
## Usage

@@ -218,2 +221,6 @@

<tr>
<td>MS Edge</td>
<td>All</td>
</tr>
<tr>
<td>Internet Explorer</td>

@@ -220,0 +227,0 @@ <td>10</td>

'use strict';
var React = require('react');
var omit = require('lodash.omit');
var matchMedia = require('matchmedia');

@@ -20,2 +19,10 @@ var hyphenate = require('hyphenate-style-name');

function omit(object, keys){
var newObject = Object.assign({}, object);
keys.forEach(function(key){
delete newObject[key];
});
return newObject;
}
var mq = React.createClass({

@@ -22,0 +29,0 @@ displayName: 'MediaQuery',

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc