{"_id":"@-ft/use-value-persist","name":"@-ft/use-value-persist","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"description":"React useValuePersist hook","name":"@-ft/use-value-persist","version":"0.1.0","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-use-value-persist.git"},"dependencies":{"@-ft/use-persist":"0.1.0"},"peerDependencies":{"react":"^18.2.0"},"types":"./index.d.ts","bugs":{"url":"https://github.com/42ts/-ft-use-value-persist/issues"},"homepage":"https://github.com/42ts/-ft-use-value-persist#readme","_id":"@-ft/use-value-persist@0.1.0","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-OC94diTafNF70J94kzQ0cgqPL9zxP7Kg3GhPaKmU5SczSLCtKJaJ0DJ1P6/KRjKQXXZCADMlHhvcw9tDLNt+gw==","shasum":"4c30011060137bc1d204aed113e6d30536f4f4b3","tarball":"https://registry.npmjs.org/@-ft/use-value-persist/-/use-value-persist-0.1.0.tgz","fileCount":4,"unpackedSize":1407,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7yRxdmZiJ6hhEWmUCOlYQVRtjyZe+XeBpfHW5/Tv1XQIgNYqQShIC7lOg7uj5esTFjF61zhSOKHOgvQT7AdWQGG8="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-value-persist_0.1.0_1695484806217_0.6299831613924798"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-23T16:00:06.046Z","0.1.0":"2023-09-23T16:00:06.383Z","modified":"2023-09-23T16:00:06.697Z"},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"description":"React useValuePersist hook","homepage":"https://github.com/42ts/-ft-use-value-persist#readme","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-use-value-persist.git"},"author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"bugs":{"url":"https://github.com/42ts/-ft-use-value-persist/issues"},"license":"MIT","readme":"# use-value-persist - react `useValuePersist` hook\n\nuse persist to prevent unnecessary re-attach event handlers\n\n## Usage\n\n```jsx\nimport { useValuePersist } from '@-ft/use-value-persist';\n\nfunction MyComponent() {\n  const { enabled } = useContext(MyContext);\n  const enabledPersist = useValuePersist(enabled);\n  const handlePress = useCallback(() => {\n    if (enabledPersist.current) alert('button is pressed when enabled');\n  }, [enabledPersist]);\n  // instead of below which will cause re-attach event handler\n  const DONT_DO_THIS_badHandlePress = useCallback(() => {\n    if (enabled) alert('button is pressed when enabled');\n  }, [enabled]);\n\n  return <button onPress={handlePress}>Click me!</button>;\n}\n```\n","readmeFilename":"README.md"}