@shopify/react-hooks - npm Package Compare versions

Comparing version 1.2.5 to 1.3.0

CHANGELOG.md

@@ -10,2 +10,4 @@ # Changelog
 
+- Added a `usePrevious` hook ([#1145](https://github.com/Shopify/quilt/pull/1145))
+
 ## [1.2.0] - 2019-04-25
@@ -12,0 +14,0 @@

dist/hooks/index.d.ts

@@ -5,1 +5,2 @@ export { useLazyRef } from './lazy-ref';
 export { useMountedRef } from './mounted-ref';
+export { default as usePrevious } from './previous';

dist/hooks/index.js

@@ -11,1 +11,3 @@ "use strict";
 exports.useMountedRef = mounted_ref_1.useMountedRef;
+var previous_1 = require("./previous");
+exports.usePrevious = previous_1.default;

package.json

 {
   "name": "@shopify/react-hooks",
-  "version": "1.2.5",
+  "version": "1.3.0",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "A collection of primitive React hooks.",

README.md

@@ -87,1 +87,19 @@ # `@shopify/react-hooks`
 ```
+
+### `usePrevious()`
+
+This hook will store the previous value of a given variable.
+
+```tsx
+function Score({value}) {
+  const previousValue = usePrevious(value);
+  const newRecord = value > previousValue ? <p>We have a new record!</p> : null;
+
+  return (
+    <>
+      <p>Current score: {value}</p>
+      {newRecord}
+    </>
+  );
+}
+```

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

Improved metrics

Total package byte prevSize

7971

increased by13.18%

Number of package files

17

increased by13.33%

Lines of code

89

increased by20.27%

Number of lines in readme file

105

increased by20.69%

No dependency changes