| | |\n| [`useField`](#useFieldInitial) | initial | { value, set, reset, bind } |\n\n\n## API\n\n### `useDidMount(f)`\nSimilar to `componentDidMount` in React class component. \n#### Arguments\n- `f: () => void`: f is called when component did mount.\n```js\nimport { useDidMount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useDidMount(() => {\n console.log('didMount')\n })\n}\n```\n\n### `useWillUnmount(f)`\nClose to the `componentWillUnmount` in React class component.\n#### Arguments\n- `f: () => void`: f is called when component will unmount.\n```js\nimport { useWillUnmount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useWillUnmount(() => {\n console.log('willUnmount')\n })\n}\n```\n\n### `useDidUpdate(f, options?)`\nSimilar to `componentDidUpdate`, it only runs on updates.\n#### Arguments\n- `f: () => Function | void`: f is called on every updates. Like `useEffect`, f can return a clean-up function.\n- `conditions?: Array`: Optional array for conditionally firing an effect, same as the second argument passed to `useEffect`.\n```js\nimport { useDidUpdate, useCounter } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n const { count, inc } = useCounter(0)\n useDidUpdate(() => {\n console.log('DidUpdate')\n })\n return (\n
\n {`count: ${count}`}\n \n
\n )\n}\n```\n### `createContextState(initial?)`\n\n### `createGlobalState(initial?)`\n\n### `useMergeState(initial?)`\n#### Arguments\n- `initial?: Object`: Initial state object, default is `{}`.\n#### Returns\n- `state: Object`: Current state object.\n- `set: ((Object) => Object) | Object`: Like `setState` in React class component, merge the old and new state together.\n```js\nimport { useMergeState } from 'react-hooks-lib'\n\nconst MergeState = () => {\n const { state, set } = useMergeState({ name: 'Victor', age: 1 })\n return (\n
\n )\n }\n```\n","readmeFilename":"README.md","gitHead":"d8e78a66fbd832f03c96c77f74f80d0c4c5915b5","description":"A set of reusable [React Hooks](https://reactjs.org/docs/hooks-reference.html#usestate).","bugs":{"url":"https://github.com/beizhedenglong/react-hooks-lib/issues"},"homepage":"https://github.com/beizhedenglong/react-hooks-lib#readme","_id":"react-hooks-lib@0.1.1","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-sLn8db8hwYpXQwx1KRqh0ipmDc+aKyODTfebWNNYpHtA4HNB3ma/AhcP6m756wZAgOLCLWwve6xaix5Xrq4gkg==","shasum":"9698d94a9eba11c242784069c27668f612057e46","tarball":"https://registry.npmjs.org/react-hooks-lib/-/react-hooks-lib-0.1.1.tgz","fileCount":52,"unpackedSize":101306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHBq3CRA9TVsSAnZWagAAsQIP/0HEvpfowjT5M+QGxtu4\nMmFpXnE18EiW2jvWupP8jiYuHU0AACFaWx01h5z4yxFlPbda8zm64twiENF2\n6gWjWVuLq/BwTdb/NxjH46O+0HsdLBXTkBGAr3yzuDe9M1cfIIdhA0RdtwQs\nAlAtmsQP4Lz6rIzRtZMWy2ZIoEBQd1NdKof13yJGrpv5S7aLsThSx/3FaMew\nigwFn7feTs+d092iyNRjSYdIwlIQSwiMik6QVWe6Y1KS8Jau6qsqHFcuRK+B\nSCFIVuYpMIjViu9YCL6lOVW6f5QoK6ey+EV5pz0Qiqc4+e/57+8GO2Z5wCFz\nSFa1ifKcpGtamOp2uhQOhEGnRE2kEKg3yVzbbYE/bodEVKLG0/SdFo8uZLy1\nFV2qAImCxpezCqooWqlEQDA0Ubv5YIeKTr0F1aZOQQcPM1bsFyS8EfI6yTwU\nCPtjW3+pQtSk+tod/+P0NB5sJunbdgkExVCFZrh4S3QQ2Vqu8VCbngEQHJmO\nOU9SoiEF8z3axZIpuOYMnlCyLA0zbccl0RULTf6E+Ek7iKn4RAdC9TzjrswC\nw/PWrjJdUnXmzkGBgV7EBLLBnhyR38fQYX+Ju4bNGMzqoRM7yCNilSiIW6RW\n9kntGsby7FLM5v8a3OeclYKqqC07TZ+GwBDWHtWZRrPQRhyfQjf6h97mR1iI\n0Tpm\r\n=FT7A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1JMAEURYbsoHHRG136EjBD3JArKMWiiEl+305mpcAnAIhALayUStVn8lgyHuAIZozJff5Qa1fEZZqJ6TgyCTqEeSi"}]},"maintainers":[{"name":"beizhedenglong","email":"wang_shaojie@icloud.com"}],"_npmUser":{"name":"beizhedenglong","email":"wang_shaojie@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hooks-lib_0.1.1_1578900150916_0.5933199709044992"},"_hasShrinkwrap":false},"0.1.2":{"name":"react-hooks-lib","version":"0.1.2","main":"dist/react-hooks-lib.js","umd:main":"dist/react-hooks-lib.umd.js","module":"dist/react-hooks-lib.m.js","source":"src/index.js","license":"MIT","scripts":{"build":"microbundle -o dist/ --sourcemap false --no-compress --jsx react","dev":"microbundle watch -o dist/ --sourcemap false --no-compress --jsx react","test":"jest --coverage --config=jest.config.js","report-coverage":"cat ./coverage/lcov.info | coveralls","storybook":"start-storybook -p 6006 --ci","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages","semantic-release":"semantic-release"},"config":{"commitizen":{"path":"cz-conventional-changelog"}},"husky":{"hooks":{"pre-push":"yarn test","prepare-commit-msg":"exec < /dev/tty && git cz --hook || true"}},"keywords":["react-hooks","hooks","react","utils"],"resolutions":{"@babel/core":"^7.5.4"},"devDependencies":{"@babel/core":"^7.5.4","@babel/plugin-proposal-object-rest-spread":"^7.5.4","@babel/polyfill":"^7.2.5","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@semantic-release/changelog":"^3.0.4","@semantic-release/git":"^7.0.16","@storybook/addon-actions":"^5.1.9","@storybook/addon-links":"^5.1.9","@storybook/addons":"^5.1.9","@storybook/react":"^5.1.9","@storybook/storybook-deployer":"^2.8.1","@testing-library/react-hooks":"^1.1.0","@types/jest":"^23.3.10","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.6","commitizen":"^4.0.3","coveralls":"^3.0.2","eslint":"^5.7.0","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-react":"^7.11.1","eslint-plugin-react-hooks":"^1.6.1","husky":"^3.0.3","jest":"^23.6.0","jest-dom":"^3.0.0","microbundle":"^0.11.0","parcel-bundler":"^1.10.3","react":"^16.8.2","react-dom":"^16.8.2","react-test-renderer":"^16.8.6","react-testing-library":"^5.9.0","regenerator-runtime":"^0.13.1","semantic-release":"^15.13.19","storybook-addon-react-live-edit":"^2.0.4"},"peerDependencies":{"react":"^16.8.0"},"dependencies":{"lodash.isequal":"^4.5.0","shallowequal":"^1.1.0"},"repository":{"type":"git","url":"git+https://github.com/beizhedenglong/react-hooks-lib.git"},"readme":"# React Hooks Lib ·  [](https://travis-ci.org/beizhedenglong/react-hooks-lib) [](https://coveralls.io/github/beizhedenglong/react-hooks-lib?branch=master)\n\nA set of reusable [React Hooks](https://reactjs.org/docs/hooks-reference.html#usestate).\n\n>Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.\n\n## Installation\n`npm i react-hooks-lib --save`\n\n## Examples\nVisit [storybook](https://beizhedenglong.github.io/react-hooks-lib)\n\n## Hooks\n\n| Name | Arguments | Returns |\n| -------------------------------------------------------- | ---------------------------------- | ------------------------------------------------------------ |\n|
| | |\n| [`useField`](#useFieldInitial) | initial | { value, set, reset, bind } |\n\n\n## API\n\n### `useDidMount(f)`\nSimilar to `componentDidMount` in React class component. \n#### Arguments\n- `f: () => void`: f is called when component did mount.\n```js\nimport { useDidMount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useDidMount(() => {\n console.log('didMount')\n })\n}\n```\n\n### `useWillUnmount(f)`\nClose to the `componentWillUnmount` in React class component.\n#### Arguments\n- `f: () => void`: f is called when component will unmount.\n```js\nimport { useWillUnmount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useWillUnmount(() => {\n console.log('willUnmount')\n })\n}\n```\n\n### `useDidUpdate(f, options?)`\nSimilar to `componentDidUpdate`, it only runs on updates.\n#### Arguments\n- `f: () => Function | void`: f is called on every updates. Like `useEffect`, f can return a clean-up function.\n- `conditions?: Array`: Optional array for conditionally firing an effect, same as the second argument passed to `useEffect`.\n```js\nimport { useDidUpdate, useCounter } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n const { count, inc } = useCounter(0)\n useDidUpdate(() => {\n console.log('DidUpdate')\n })\n return (\n
\n {`count: ${count}`}\n \n
\n )\n}\n```\n### `createContextState(initial?)`\n\n### `createGlobalState(initial?)`\n\n### `useMergeState(initial?)`\n#### Arguments\n- `initial?: Object`: Initial state object, default is `{}`.\n#### Returns\n- `state: Object`: Current state object.\n- `set: ((Object) => Object) | Object`: Like `setState` in React class component, merge the old and new state together.\n```js\nimport { useMergeState } from 'react-hooks-lib'\n\nconst MergeState = () => {\n const { state, set } = useMergeState({ name: 'Victor', age: 1 })\n return (\n
\n )\n }\n```\n","readmeFilename":"README.md","gitHead":"d8e78a66fbd832f03c96c77f74f80d0c4c5915b5","description":"A set of reusable [React Hooks](https://reactjs.org/docs/hooks-reference.html#usestate).","bugs":{"url":"https://github.com/beizhedenglong/react-hooks-lib/issues"},"homepage":"https://github.com/beizhedenglong/react-hooks-lib#readme","_id":"react-hooks-lib@0.1.2","_nodeVersion":"12.14.0","_npmVersion":"6.12.0","dist":{"integrity":"sha512-hfb/ewAk5AhP07iYHHOvHnoDDz0fFpNtSjPOqhor7Zuz+zlMqJlBeTIx+FKwML5QIEx06Cwya1ashD3RSnagEg==","shasum":"4cec031619b0bb357b7736ac861277829d846e2b","tarball":"https://registry.npmjs.org/react-hooks-lib/-/react-hooks-lib-0.1.2.tgz","fileCount":52,"unpackedSize":101331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeX8PwCRA9TVsSAnZWagAAz2EP/jJj0wXbydKInP9/lPe1\n4nZoAxUACIODXbwfd+HAS4iKdHEp1rvp07JX6og9wpCJWTPSldWWoEUMRBEL\n0mGrMKwexEwThxgyfPAnas57vKGXrQjpfOVZV90YAlQmKoiW5RfY3+ZXXI6V\nqhyi1zEqAjKfj1REUsvURk4ZoDKPT4GE8jh298098T5C8pPq7g1GUcIL9kcM\n59I1b4zzF6zpLUfRaLmPgjkEC6sGv0nsXn2REVO44zt6B3sZBRYrN5Kbjvgo\n+gjiRrMYLTlqHFM1KHpOKQPBU5qgyW7XtX+mPRyXlRppmVVdQBixghUhzMPO\n9NHkb8AZ/1yK73LbgtefS5QQFxwuxRPrWm/rPvZv1aKBVlBpxEYkngfeGU7O\nOlZTLb68AX2+Hiq6iyuYWPWMzbAUEZfYBgl1FRGLseiBICqsD1FY3FQTFlB4\n1E1eKXOQZEsp79QepG5/wklv3bIRwcyhuMdJG8DklRpjBUlcUbYIHHI0Dw7R\no7o1Mh3qcaHok58wlubd//HlRL9n7x2WNUlbONbbVzgct8uxFNQ3DVBFsSQ2\nip9RZdWWVGQa3Vr68Yh1w7DoLLH6vHyfTe5D7T76OG/yne5qvDfz0cXWGNmh\nSSOwFpmnVswQcj0Y+o59waAwNer47y6hWl/V8y7DnqvhlP+XGqCIL2PkvBdS\nzD12\r\n=3es1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAZpGefqKzCrvF16UDBCB4VmHnZdP5sptFU0kTiMYCXrAiBYOhzgVPITkN42q3yHS8b7a49c8IblWI1XJhqtPsUQ4Q=="}]},"maintainers":[{"name":"beizhedenglong","email":"wang_shaojie@icloud.com"}],"_npmUser":{"name":"beizhedenglong","email":"wang_shaojie@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hooks-lib_0.1.2_1583334384303_0.992334017067301"},"_hasShrinkwrap":false},"0.1.3":{"name":"react-hooks-lib","version":"0.1.3","main":"dist/react-hooks-lib.js","umd:main":"dist/react-hooks-lib.umd.js","module":"dist/react-hooks-lib.m.js","source":"src/index.js","license":"MIT","scripts":{"build":"microbundle -o dist/ --sourcemap false --no-compress --jsx React.createElement","dev":"microbundle watch -o dist/ --sourcemap false --no-compress --jsx React.createElement","test":"jest --coverage --config=jest.config.js","report-coverage":"cat ./coverage/lcov.info | coveralls","storybook":"start-storybook -p 6006 --ci","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages","semantic-release":"semantic-release"},"config":{"commitizen":{"path":"cz-conventional-changelog"}},"husky":{"hooks":{"pre-push":"yarn test","prepare-commit-msg":"exec < /dev/tty && git cz --hook || true"}},"keywords":["react-hooks","hooks","react","utils"],"resolutions":{"@babel/core":"^7.5.4"},"devDependencies":{"@babel/core":"^7.5.4","@babel/plugin-proposal-object-rest-spread":"^7.5.4","@babel/polyfill":"^7.2.5","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@semantic-release/changelog":"^3.0.4","@semantic-release/git":"^7.0.16","@storybook/addon-actions":"^5.1.9","@storybook/addon-links":"^5.1.9","@storybook/addons":"^5.1.9","@storybook/react":"^5.1.9","@storybook/storybook-deployer":"^2.8.1","@testing-library/react-hooks":"^1.1.0","@types/jest":"^23.3.10","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.6","commitizen":"^4.0.3","coveralls":"^3.0.2","eslint":"^5.7.0","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-react":"^7.11.1","eslint-plugin-react-hooks":"^1.6.1","husky":"^3.0.3","jest":"^23.6.0","jest-dom":"^3.0.0","microbundle":"^0.11.0","parcel-bundler":"^1.10.3","react":"^16.8.2","react-dom":"^16.8.2","react-test-renderer":"^16.8.6","react-testing-library":"^5.9.0","regenerator-runtime":"^0.13.1","semantic-release":"^15.13.19","storybook-addon-react-live-edit":"^2.0.4"},"peerDependencies":{"react":"^16.8.0"},"dependencies":{"lodash.isequal":"^4.5.0","shallowequal":"^1.1.0"},"repository":{"type":"git","url":"git+https://github.com/beizhedenglong/react-hooks-lib.git"},"readme":"# React Hooks Lib ·  [](https://travis-ci.org/beizhedenglong/react-hooks-lib) [](https://coveralls.io/github/beizhedenglong/react-hooks-lib?branch=master)\n\nA set of reusable [React Hooks](https://reactjs.org/docs/hooks-reference.html#usestate).\n\n>Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.\n\n## Installation\n`npm i react-hooks-lib --save`\n\n## Examples\nVisit [storybook](https://beizhedenglong.github.io/react-hooks-lib)\n\n## Hooks\n\n| Name | Arguments | Returns |\n| -------------------------------------------------------- | ---------------------------------- | ------------------------------------------------------------ |\n|
| | |\n| [`useField`](#useFieldInitial) | initial | { value, set, reset, bind } |\n\n\n## API\n\n### `useDidMount(f)`\nSimilar to `componentDidMount` in React class component. \n#### Arguments\n- `f: () => void`: f is called when component did mount.\n```js\nimport { useDidMount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useDidMount(() => {\n console.log('didMount')\n })\n}\n```\n\n### `useWillUnmount(f)`\nClose to the `componentWillUnmount` in React class component.\n#### Arguments\n- `f: () => void`: f is called when component will unmount.\n```js\nimport { useWillUnmount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useWillUnmount(() => {\n console.log('willUnmount')\n })\n}\n```\n\n### `useDidUpdate(f, options?)`\nSimilar to `componentDidUpdate`, it only runs on updates.\n#### Arguments\n- `f: () => Function | void`: f is called on every updates. Like `useEffect`, f can return a clean-up function.\n- `conditions?: Array`: Optional array for conditionally firing an effect, same as the second argument passed to `useEffect`.\n```js\nimport { useDidUpdate, useCounter } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n const { count, inc } = useCounter(0)\n useDidUpdate(() => {\n console.log('DidUpdate')\n })\n return (\n
\n {`count: ${count}`}\n \n
\n )\n}\n```\n### `createContextState(initial?)`\n\n### `createGlobalState(initial?)`\n\n### `useMergeState(initial?)`\n#### Arguments\n- `initial?: Object`: Initial state object, default is `{}`.\n#### Returns\n- `state: Object`: Current state object.\n- `set: ((Object) => Object) | Object`: Like `setState` in React class component, merge the old and new state together.\n```js\nimport { useMergeState } from 'react-hooks-lib'\n\nconst MergeState = () => {\n const { state, set } = useMergeState({ name: 'Victor', age: 1 })\n return (\n
\n )\n }\n```\n","readmeFilename":"README.md","gitHead":"d8e78a66fbd832f03c96c77f74f80d0c4c5915b5","description":"A set of reusable [React Hooks](https://reactjs.org/docs/hooks-reference.html#usestate).","bugs":{"url":"https://github.com/beizhedenglong/react-hooks-lib/issues"},"homepage":"https://github.com/beizhedenglong/react-hooks-lib#readme","_id":"react-hooks-lib@0.1.3","_nodeVersion":"12.14.0","_npmVersion":"6.12.0","dist":{"integrity":"sha512-vhJxr8/U1Akt7kdxbhPayx/v76yteS9mn0gWD6LYUQXQ8amtNgm9yWIlENeWlrvdHIDUVwitM8i97V0YfzBzkw==","shasum":"2c7cfe88195fd80b30338b804154710487ab22f7","tarball":"https://registry.npmjs.org/react-hooks-lib/-/react-hooks-lib-0.1.3.tgz","fileCount":52,"unpackedSize":101359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeX8TjCRA9TVsSAnZWagAAgWcP/0xK5gCnqIzJNCiov4Gc\nWWZ6mJC0TQcN9yeYTXihF+uFprErJkcPWllp7eLevvdd3jHA44DLfUPTtFde\nbzYFE8Laptpl6Z5CfJ9XQDmffIDvGw7xleFQOW6uC++MFt6OVea+zxjGumo7\n3o5RTi19pBELERG4tm0OrbEnemPpPgt3AlGtEp1mgffX4ftKcQMwmVLrb5ap\nFjpO8qiYjO2yRz4Df/A1qFhOTU3Gbh8yQei7dJq7vJyr7KSQxiAIiMYweAjV\nHWqQEM2PHQzYNa4Crgw14a60dETGPQ1aAJfCn80PoBNYL7hsFkgCP3cryEBM\nzpFSw8HfeE43Pe1c3eV5t78mmuIiRrCIbTonc2ySx76sBkU7Qn8e30fpkLDR\nYMlvYPKiT3koLmXe27GNuXLBkQK94NKDFbiTbj7LXsAnOT7MKQGOW99WsgRM\nroI0m4QZoooyz0IMOlcrz149PX66+mMPbccpC+usTLA689k0dix4Q7BNSKq5\nG1EwLHeYfSAWGvq9unXfhgf7JAmUu5TorgCwVO7y+lI6PhNsMbFHGkqCjNBf\nhQEpBfrD8TwrOlag2bkJ3TDsobh5sJn/Y6cBl0OCgJ+AMBcfo9/77XPuIIgP\nAEPsu7GSiUul19FwufVDPiXWeNQHqEEEwmXKGP6AoyFIx2qokiN19ga7Dcff\n7CGj\r\n=rVYU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJ9yB1rR/romFg9lRaT8dDLiMV5KYTCFWERKkIsMnJuAiEAhQSMLfj2QFFgbgj4bZ9KCH6qnp82JMi4r+7Fsv8HjmQ="}]},"maintainers":[{"name":"beizhedenglong","email":"wang_shaojie@icloud.com"}],"_npmUser":{"name":"beizhedenglong","email":"wang_shaojie@icloud.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hooks-lib_0.1.3_1583334627483_0.36411055696682126"},"_hasShrinkwrap":false},"0.1.4":{"name":"react-hooks-lib","version":"0.1.4","main":"dist/react-hooks-lib.js","umd:main":"dist/react-hooks-lib.umd.js","module":"dist/react-hooks-lib.m.js","source":"src/index.js","license":"MIT","scripts":{"build":"microbundle -o dist/ --sourcemap false --no-compress --jsx React.createElement","dev":"microbundle watch -o dist/ --sourcemap false --no-compress --jsx React.createElement","test":"jest --coverage --config=jest.config.js","report-coverage":"cat ./coverage/lcov.info | coveralls","storybook":"start-storybook -p 6006 --ci","build-storybook":"build-storybook","deploy-storybook":"storybook-to-ghpages","semantic-release":"semantic-release"},"config":{"commitizen":{"path":"cz-conventional-changelog"}},"husky":{"hooks":{"pre-push":"yarn test","prepare-commit-msg":"exec < /dev/tty && git cz --hook || true"}},"keywords":["react-hooks","hooks","react","utils"],"resolutions":{"@babel/core":"^7.5.4"},"devDependencies":{"@babel/core":"^7.5.4","@babel/plugin-proposal-object-rest-spread":"^7.5.4","@babel/polyfill":"^7.2.5","@babel/preset-env":"^7.2.3","@babel/preset-react":"^7.0.0","@semantic-release/changelog":"^3.0.4","@semantic-release/git":"^7.0.16","@storybook/addon-actions":"^5.1.9","@storybook/addon-links":"^5.1.9","@storybook/addons":"^5.1.9","@storybook/react":"^5.1.9","@storybook/storybook-deployer":"^2.8.1","@testing-library/react-hooks":"^1.1.0","@types/jest":"^23.3.10","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.6","commitizen":"^4.0.3","coveralls":"^3.0.2","eslint":"^5.7.0","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.2","eslint-plugin-react":"^7.11.1","eslint-plugin-react-hooks":"^1.6.1","husky":"^3.0.3","jest":"^23.6.0","jest-dom":"^3.0.0","microbundle":"^0.11.0","parcel-bundler":"^1.10.3","react":"^16.8.2","react-dom":"^16.8.2","react-test-renderer":"^16.8.6","react-testing-library":"^5.9.0","regenerator-runtime":"^0.13.1","semantic-release":"^15.13.19","storybook-addon-react-live-edit":"^2.0.4"},"peerDependencies":{"react":"^16.8.0"},"dependencies":{"lodash.isequal":"^4.5.0","shallowequal":"^1.1.0"},"repository":{"type":"git","url":"git+https://github.com/beizhedenglong/react-hooks-lib.git"},"readme":"# React Hooks Lib ·  [](https://travis-ci.org/beizhedenglong/react-hooks-lib) [](https://coveralls.io/github/beizhedenglong/react-hooks-lib?branch=master)\n\nA set of reusable [React Hooks](https://reactjs.org/docs/hooks-reference.html#usestate).\n\n>Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.\n\n## Installation\n`npm i react-hooks-lib --save`\n\n## Examples\nVisit [storybook](https://beizhedenglong.github.io/react-hooks-lib)\n\n## Hooks\n\n| Name | Arguments | Returns |\n| -------------------------------------------------------- | ---------------------------------- | ------------------------------------------------------------ |\n|
| | |\n| [`useField`](#useFieldInitial) | initial | { value, set, reset, bind } |\n\n\n## API\n\n### `useDidMount(f)`\nSimilar to `componentDidMount` in React class component. \n#### Arguments\n- `f: () => void`: f is called when component did mount.\n```js\nimport { useDidMount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useDidMount(() => {\n console.log('didMount')\n })\n}\n```\n\n### `useWillUnmount(f)`\nClose to the `componentWillUnmount` in React class component.\n#### Arguments\n- `f: () => void`: f is called when component will unmount.\n```js\nimport { useWillUnmount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useWillUnmount(() => {\n console.log('willUnmount')\n })\n}\n```\n\n### `useDidUpdate(f, options?)`\nSimilar to `componentDidUpdate`, it only runs on updates.\n#### Arguments\n- `f: () => Function | void`: f is called on every updates. Like `useEffect`, f can return a clean-up function.\n- `conditions?: Array`: Optional array for conditionally firing an effect, same as the second argument passed to `useEffect`.\n```js\nimport { useDidUpdate, useCounter } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n const { count, inc } = useCounter(0)\n useDidUpdate(() => {\n console.log('DidUpdate')\n })\n return (\n
\n {`count: ${count}`}\n \n
\n )\n}\n```\n### `createContextState(initial?)`\n\n### `createGlobalState(initial?)`\n\n### `useMergeState(initial?)`\n#### Arguments\n- `initial?: Object`: Initial state object, default is `{}`.\n#### Returns\n- `state: Object`: Current state object.\n- `set: ((Object) => Object) | Object`: Like `setState` in React class component, merge the old and new state together.\n```js\nimport { useMergeState } from 'react-hooks-lib'\n\nconst MergeState = () => {\n const { state, set } = useMergeState({ name: 'Victor', age: 1 })\n return (\n
| | |\n| `useAsync` | f | { f, loading } |\n\n\n## API\n\n### `useDidMount(f)`\nSimilar to `componentDidMount` in React class component. \n#### Arguments\n- `f: () => void`: f is called when component did mount.\n```js\nimport { useDidMount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useDidMount(() => {\n console.log('didMount')\n })\n}\n```\n\n### `useWillUnmount(f)`\nClose to the `componentWillUnmount` in React class component.\n#### Arguments\n- `f: () => void`: f is called when component will unmount.\n```js\nimport { useWillUnmount } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n useWillUnmount(() => {\n console.log('willUnmount')\n })\n}\n```\n\n### `useDidUpdate(f, options?)`\nSimilar to `componentDidUpdate`, it only runs on updates.\n#### Arguments\n- `f: () => Function | void`: f is called on every updates. Like `useEffect`, f can return a clean-up function.\n- `conditions?: Array`: Optional array for conditionally firing an effect, same as the second argument passed to `useEffect`.\n```js\nimport { useDidUpdate, useCounter } from 'react-hooks-lib'\n\nconst MyComponent = () => {\n const { count, inc } = useCounter(0)\n useDidUpdate(() => {\n console.log('DidUpdate')\n })\n return (\n
\n {`count: ${count}`}\n \n
\n )\n}\n```\n### `createContextState(initial?)`\n\n### `createGlobalState(initial?)`\n\n### `useMergeState(initial?)`\n#### Arguments\n- `initial?: Object`: Initial state object, default is `{}`.\n#### Returns\n- `state: Object`: Current state object.\n- `set: ((Object) => Object) | Object`: Like `setState` in React class component, merge the old and new state together.\n```js\nimport { useMergeState } from 'react-hooks-lib'\n\nconst MergeState = () => {\n const { state, set } = useMergeState({ name: 'Victor', age: 1 })\n return (\n
\n
useMergeState
\n
\n {`state: ${JSON.stringify(state)}`}\n \n
\n
\n )\n}\n```\n### `useNestedState`\n#### Arguments\n- `initial?`: Initial state, default is `undefined`.\n#### Returns\n- `state`: Current state.\n- `get(pathString, defaultValue)`: Get value form state at a specific `pathString`. eg: `get(\"a.b.c\")`/`get(\"\" | undefined)`, if `pathString` is empty,it will return the state object.\n- `set: (pathString, newValue | prevValue => newValue)`: Set value at a specific `pathString`. eg: `set(\"a.b.c\", prev => prev + 1)`/`set(\"\" | undefined, {})`. if `pathString` is empty,it will set the entire state object.\n\n### `useStateCallback(initial, f?)`\n\n### `useUndo(initial)`\n\n### `useCounter(initial)`\n```js\nimport { useCounter } from 'react-hooks-lib'\n\nconst Counter = () => {\n const {\n count, inc, dec, reset,\n } = useCounter(1)\n return (\n