Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

use-hashed-state

Package Overview
Dependencies
1
Maintainers
1
Versions
8
Issues
File Explorer

Advanced tools

use-hashed-state

Safely store data in localstorage with an unique key of any type, even a component

    0.1.3latest

Version published
Maintainers
1
Yearly downloads
547

Weekly downloads

Readme

Source

use-hashed-state

use-hashed-state is a hook library from plasmo to safely store data in localstorage with an unique key of any type, even a component.

The library is a typescript fork of use-persisted-state-hook but instead of md5, is uses node-object-hash, and it hashes both the key and the values.

Example

The Check component below is capable of having a state simply based on the content of its children - it is fully independent.

import { useHashedState } from "use-hashed-state" const Check = ({ children = "" as ReactNode }) => { const [checked, setChecked] = useHashedState<boolean>( children, false, "plasmo-soc2" ) return ( <Checkbox checked={checked} onChange={() => setChecked((c) => !c)}> {children} </Checkbox> ) } // Consume in another component: const Container = () => ( <> <Check> <WaveIcon /> Waved </Check> <Check> <ClockTick /> </Check> </> )

Usage in the wild

Why?

To boldly go where no one has gone before

Acknowledgment

License

MIT 🖖 Plasmo Corp.

Keywords

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc