react-activity - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

package.json

 {
   "name": "react-activity",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Activity indicator component library for React applications.",
@@ -50,2 +50,4 @@ "main": "./dist/react-activity.js",
     "pre-commit": "^1.1.2",
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0",
     "sass-loader": "^3.1.2",
@@ -61,4 +63,4 @@ "style-loader": "^0.13.0",
   "dependencies": {
-    "prop-types": "^15.5.8"
+    "prop-types": "^15.6.1"
   }
 }

README.md

@@ -37,26 +37,13 @@ # React Activity Indicators
 
-Add the stylesheet to your app.
+Import the activity indicators you would like to use along with the css file. Use the activity indicator component like you would any other component.
 
-```html
-<link href="path/to/react-activity.css" />
-```
-
-If you are using a css preprocesser, you can import the stylesheet from the
-`node_modules` folder and it will be bundled with the rest of your css.
-
-```css
-@import 'path/to/node_modules/react-activity/dist/react-activity.css';
-```
-
-Import the activity indicator you would like to use and insert it into one of
-your components as a child.
-
 ```js
-import React from 'react';
-import {render} from 'react-dom';
-import {Dots} from 'react-activity';
+import React, { Component } from 'react';
+import { render } from 'react-dom';
+import { Dots } from 'react-activity';
+import 'react-activity/dist/react-activity.css';
 
-const App = React.createClass({
+class App extends Component {
   render() {
-    return <Dots size={20} />;
+    return <Dots />;
   }
@@ -73,14 +60,9 @@ });
 
-```css
-@import 'path/to/node_modules/react-activity/lib/Dots/Dots.css';
-```
-
-And
-
 ```js
-import React from 'react';
-import {render} from 'react-dom';
+import React, { Component } from 'react';
+import { render } from 'react-dom';
 import Dots from 'react-activity/lib/Dots';
+import 'react-activity/lib/Dots/Dots.css';
 
-const App = React.createClass({
+class App extends Component {
   render() {
@@ -87,0 +69,0 @@ return <Dots />;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1088896

decreased by-0.02%

Dev dependency count

19

increased by11.76%

Number of lines in readme file

97

decreased by-15.65%

Dependency changes

• Updatedprop-types@^15.6.1