@react-hookz/web - npm Package Compare versions

Comparing version 1.19.0 to 1.20.0

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [1.20.0](https://github.com/react-hookz/web/compare/v1.19.0...v1.20.0) (2021-05-18)
+
+
+### Features
+
+* new hook `useRafCallback` ([#66](https://github.com/react-hookz/web/issues/66)) ([9e2255e](https://github.com/react-hookz/web/commit/9e2255eadfb184b081ee65d70608ed0b9c60f511))
+
 # [1.19.0](https://github.com/react-hookz/web/compare/v1.18.0...v1.19.0) (2021-05-16)
@@ -2,0 +9,0 @@

cjs/index.d.ts

@@ -0,17 +1,19 @@
+export { useDebounceCallback } from './useDebounceCallback';
+export { useRafCallback } from './useRafCallback';
+export { useConditionalEffect } from './useConditionalEffect';
+export { useConditionalUpdateEffect } from './useConditionalUpdateEffect';
 export { useFirstMountState } from './useFirstMountState';
+export { useIsMounted } from './useIsMounted';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 export { useMountEffect } from './useMountEffect';
+export { useRerender } from './useRerender';
+export { useUnmountEffect } from './useUnmountEffect';
 export { useUpdateEffect } from './useUpdateEffect';
-export { useUnmountEffect } from './useUnmountEffect';
-export { useToggle } from './useToggle';
-export { useRerender } from './useRerender';
+export { useMediatedState } from './useMediatedState';
 export { usePrevious } from './usePrevious';
-export { useIsMounted } from './useIsMounted';
-export { useConditionalEffect } from './useConditionalEffect';
-export { useConditionalUpdateEffect } from './useConditionalUpdateEffect';
 export { useSafeState } from './useSafeState';
-export { useMediatedState } from './useMediatedState';
-export { useDebounceCallback } from './useDebounceCallback';
-export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
+export { useToggle } from './useToggle';
+export { useNetworkState } from './useNetworkState';
 export { useSyncedRef } from './useSyncedRef';
 export { useLocalStorageValue } from './useLocalStorageValue';
 export { useSessionStorageValue } from './useSessionStorageValue';

cjs/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSessionStorageValue = exports.useLocalStorageValue = exports.useSyncedRef = exports.useIsomorphicLayoutEffect = exports.useDebounceCallback = exports.useMediatedState = exports.useSafeState = exports.useConditionalUpdateEffect = exports.useConditionalEffect = exports.useIsMounted = exports.usePrevious = exports.useRerender = exports.useToggle = exports.useUnmountEffect = exports.useUpdateEffect = exports.useMountEffect = exports.useFirstMountState = void 0;
+exports.useSessionStorageValue = exports.useLocalStorageValue = exports.useSyncedRef = exports.useNetworkState = exports.useToggle = exports.useSafeState = exports.usePrevious = exports.useMediatedState = exports.useUpdateEffect = exports.useUnmountEffect = exports.useRerender = exports.useMountEffect = exports.useIsomorphicLayoutEffect = exports.useIsMounted = exports.useFirstMountState = exports.useConditionalUpdateEffect = exports.useConditionalEffect = exports.useRafCallback = exports.useDebounceCallback = void 0;
+var useDebounceCallback_1 = require("./useDebounceCallback");
+Object.defineProperty(exports, "useDebounceCallback", { enumerable: true, get: function () { return useDebounceCallback_1.useDebounceCallback; } });
+var useRafCallback_1 = require("./useRafCallback");
+Object.defineProperty(exports, "useRafCallback", { enumerable: true, get: function () { return useRafCallback_1.useRafCallback; } });
+var useConditionalEffect_1 = require("./useConditionalEffect");
+Object.defineProperty(exports, "useConditionalEffect", { enumerable: true, get: function () { return useConditionalEffect_1.useConditionalEffect; } });
+var useConditionalUpdateEffect_1 = require("./useConditionalUpdateEffect");
+Object.defineProperty(exports, "useConditionalUpdateEffect", { enumerable: true, get: function () { return useConditionalUpdateEffect_1.useConditionalUpdateEffect; } });
 var useFirstMountState_1 = require("./useFirstMountState");
 Object.defineProperty(exports, "useFirstMountState", { enumerable: true, get: function () { return useFirstMountState_1.useFirstMountState; } });
+var useIsMounted_1 = require("./useIsMounted");
+Object.defineProperty(exports, "useIsMounted", { enumerable: true, get: function () { return useIsMounted_1.useIsMounted; } });
+var useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
+Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true, get: function () { return useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect; } });
 var useMountEffect_1 = require("./useMountEffect");
 Object.defineProperty(exports, "useMountEffect", { enumerable: true, get: function () { return useMountEffect_1.useMountEffect; } });
+var useRerender_1 = require("./useRerender");
+Object.defineProperty(exports, "useRerender", { enumerable: true, get: function () { return useRerender_1.useRerender; } });
+var useUnmountEffect_1 = require("./useUnmountEffect");
+Object.defineProperty(exports, "useUnmountEffect", { enumerable: true, get: function () { return useUnmountEffect_1.useUnmountEffect; } });
 var useUpdateEffect_1 = require("./useUpdateEffect");
 Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return useUpdateEffect_1.useUpdateEffect; } });
-var useUnmountEffect_1 = require("./useUnmountEffect");
-Object.defineProperty(exports, "useUnmountEffect", { enumerable: true, get: function () { return useUnmountEffect_1.useUnmountEffect; } });
-var useToggle_1 = require("./useToggle");
-Object.defineProperty(exports, "useToggle", { enumerable: true, get: function () { return useToggle_1.useToggle; } });
-var useRerender_1 = require("./useRerender");
-Object.defineProperty(exports, "useRerender", { enumerable: true, get: function () { return useRerender_1.useRerender; } });
+var useMediatedState_1 = require("./useMediatedState");
+Object.defineProperty(exports, "useMediatedState", { enumerable: true, get: function () { return useMediatedState_1.useMediatedState; } });
 var usePrevious_1 = require("./usePrevious");
 Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return usePrevious_1.usePrevious; } });
-var useIsMounted_1 = require("./useIsMounted");
-Object.defineProperty(exports, "useIsMounted", { enumerable: true, get: function () { return useIsMounted_1.useIsMounted; } });
-var useConditionalEffect_1 = require("./useConditionalEffect");
-Object.defineProperty(exports, "useConditionalEffect", { enumerable: true, get: function () { return useConditionalEffect_1.useConditionalEffect; } });
-var useConditionalUpdateEffect_1 = require("./useConditionalUpdateEffect");
-Object.defineProperty(exports, "useConditionalUpdateEffect", { enumerable: true, get: function () { return useConditionalUpdateEffect_1.useConditionalUpdateEffect; } });
 var useSafeState_1 = require("./useSafeState");
 Object.defineProperty(exports, "useSafeState", { enumerable: true, get: function () { return useSafeState_1.useSafeState; } });
-var useMediatedState_1 = require("./useMediatedState");
-Object.defineProperty(exports, "useMediatedState", { enumerable: true, get: function () { return useMediatedState_1.useMediatedState; } });
-var useDebounceCallback_1 = require("./useDebounceCallback");
-Object.defineProperty(exports, "useDebounceCallback", { enumerable: true, get: function () { return useDebounceCallback_1.useDebounceCallback; } });
-var useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
-Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true, get: function () { return useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect; } });
+var useToggle_1 = require("./useToggle");
+Object.defineProperty(exports, "useToggle", { enumerable: true, get: function () { return useToggle_1.useToggle; } });
+var useNetworkState_1 = require("./useNetworkState");
+Object.defineProperty(exports, "useNetworkState", { enumerable: true, get: function () { return useNetworkState_1.useNetworkState; } });
 var useSyncedRef_1 = require("./useSyncedRef");
@@ -33,0 +37,0 @@ Object.defineProperty(exports, "useSyncedRef", { enumerable: true, get: function () { return useSyncedRef_1.useSyncedRef; } });

esm/index.d.ts

@@ -0,17 +1,19 @@
+export { useDebounceCallback } from './useDebounceCallback';
+export { useRafCallback } from './useRafCallback';
+export { useConditionalEffect } from './useConditionalEffect';
+export { useConditionalUpdateEffect } from './useConditionalUpdateEffect';
 export { useFirstMountState } from './useFirstMountState';
+export { useIsMounted } from './useIsMounted';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 export { useMountEffect } from './useMountEffect';
+export { useRerender } from './useRerender';
+export { useUnmountEffect } from './useUnmountEffect';
 export { useUpdateEffect } from './useUpdateEffect';
-export { useUnmountEffect } from './useUnmountEffect';
-export { useToggle } from './useToggle';
-export { useRerender } from './useRerender';
+export { useMediatedState } from './useMediatedState';
 export { usePrevious } from './usePrevious';
-export { useIsMounted } from './useIsMounted';
-export { useConditionalEffect } from './useConditionalEffect';
-export { useConditionalUpdateEffect } from './useConditionalUpdateEffect';
 export { useSafeState } from './useSafeState';
-export { useMediatedState } from './useMediatedState';
-export { useDebounceCallback } from './useDebounceCallback';
-export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
+export { useToggle } from './useToggle';
+export { useNetworkState } from './useNetworkState';
 export { useSyncedRef } from './useSyncedRef';
 export { useLocalStorageValue } from './useLocalStorageValue';
 export { useSessionStorageValue } from './useSessionStorageValue';

esm/index.js

@@ -0,17 +1,19 @@
+export { useDebounceCallback } from "./useDebounceCallback.js";
+export { useRafCallback } from "./useRafCallback.js";
+export { useConditionalEffect } from "./useConditionalEffect.js";
+export { useConditionalUpdateEffect } from "./useConditionalUpdateEffect.js";
 export { useFirstMountState } from "./useFirstMountState.js";
+export { useIsMounted } from "./useIsMounted.js";
+export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
 export { useMountEffect } from "./useMountEffect.js";
+export { useRerender } from "./useRerender.js";
+export { useUnmountEffect } from "./useUnmountEffect.js";
 export { useUpdateEffect } from "./useUpdateEffect.js";
-export { useUnmountEffect } from "./useUnmountEffect.js";
-export { useToggle } from "./useToggle.js";
-export { useRerender } from "./useRerender.js";
+export { useMediatedState } from "./useMediatedState.js";
 export { usePrevious } from "./usePrevious.js";
-export { useIsMounted } from "./useIsMounted.js";
-export { useConditionalEffect } from "./useConditionalEffect.js";
-export { useConditionalUpdateEffect } from "./useConditionalUpdateEffect.js";
 export { useSafeState } from "./useSafeState.js";
-export { useMediatedState } from "./useMediatedState.js";
-export { useDebounceCallback } from "./useDebounceCallback.js";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
+export { useToggle } from "./useToggle.js";
+export { useNetworkState } from "./useNetworkState.js";
 export { useSyncedRef } from "./useSyncedRef.js";
 export { useLocalStorageValue } from "./useLocalStorageValue.js";
 export { useSessionStorageValue } from "./useSessionStorageValue.js";

esnext/index.d.ts

@@ -0,17 +1,19 @@
+export { useDebounceCallback } from './useDebounceCallback';
+export { useRafCallback } from './useRafCallback';
+export { useConditionalEffect } from './useConditionalEffect';
+export { useConditionalUpdateEffect } from './useConditionalUpdateEffect';
 export { useFirstMountState } from './useFirstMountState';
+export { useIsMounted } from './useIsMounted';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 export { useMountEffect } from './useMountEffect';
+export { useRerender } from './useRerender';
+export { useUnmountEffect } from './useUnmountEffect';
 export { useUpdateEffect } from './useUpdateEffect';
-export { useUnmountEffect } from './useUnmountEffect';
-export { useToggle } from './useToggle';
-export { useRerender } from './useRerender';
+export { useMediatedState } from './useMediatedState';
 export { usePrevious } from './usePrevious';
-export { useIsMounted } from './useIsMounted';
-export { useConditionalEffect } from './useConditionalEffect';
-export { useConditionalUpdateEffect } from './useConditionalUpdateEffect';
 export { useSafeState } from './useSafeState';
-export { useMediatedState } from './useMediatedState';
-export { useDebounceCallback } from './useDebounceCallback';
-export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
+export { useToggle } from './useToggle';
+export { useNetworkState } from './useNetworkState';
 export { useSyncedRef } from './useSyncedRef';
 export { useLocalStorageValue } from './useLocalStorageValue';
 export { useSessionStorageValue } from './useSessionStorageValue';

esnext/index.js

@@ -0,17 +1,19 @@
+export { useDebounceCallback } from "./useDebounceCallback.js";
+export { useRafCallback } from "./useRafCallback.js";
+export { useConditionalEffect } from "./useConditionalEffect.js";
+export { useConditionalUpdateEffect } from "./useConditionalUpdateEffect.js";
 export { useFirstMountState } from "./useFirstMountState.js";
+export { useIsMounted } from "./useIsMounted.js";
+export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
 export { useMountEffect } from "./useMountEffect.js";
+export { useRerender } from "./useRerender.js";
+export { useUnmountEffect } from "./useUnmountEffect.js";
 export { useUpdateEffect } from "./useUpdateEffect.js";
-export { useUnmountEffect } from "./useUnmountEffect.js";
-export { useToggle } from "./useToggle.js";
-export { useRerender } from "./useRerender.js";
+export { useMediatedState } from "./useMediatedState.js";
 export { usePrevious } from "./usePrevious.js";
-export { useIsMounted } from "./useIsMounted.js";
-export { useConditionalEffect } from "./useConditionalEffect.js";
-export { useConditionalUpdateEffect } from "./useConditionalUpdateEffect.js";
 export { useSafeState } from "./useSafeState.js";
-export { useMediatedState } from "./useMediatedState.js";
-export { useDebounceCallback } from "./useDebounceCallback.js";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
+export { useToggle } from "./useToggle.js";
+export { useNetworkState } from "./useNetworkState.js";
 export { useSyncedRef } from "./useSyncedRef.js";
 export { useLocalStorageValue } from "./useLocalStorageValue.js";
 export { useSessionStorageValue } from "./useSessionStorageValue.js";

package.json

 {
   "name": "@react-hookz/web",
-  "version": "1.19.0",
+  "version": "1.20.0",
   "description": "React hooks done right, for browser and SSR.",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -64,2 +64,4 @@ <div align="center">
     — Makes passed function debounced, otherwise acts like `useCallback`.
+  - [`useRafCallback`](https://react-hookz.github.io/web/?path=/docs/callback-userafcallback)
+    — Makes passed function to be called within next animation frame.
 
@@ -66,0 +68,0 @@ - #### Lifecycle

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

144794

increased by4.81%

Number of package files

148

increased by4.23%

Lines of code

2867

increased by6.07%

Number of lines in readme file

115

increased by1.77%

No dependency changes