React hooks for easy and simple localstorage access
You'll need to installreact,react-dom, etc at^16.8.4
npm i @d2k/react-localstorage --save
React Localstorage gives you simple hooks to work with your localstorage. Here is some example code:
importReactfrom'react'importuseLocalStoragefrom'@d2k/react-localstorage'constApp=()=>{const[firstName,setFirstName,removeFirstName]=useLocalStorage('firstName','John')const[lastName,setLastName,removeLastName]=useLocalStorage('lastName','Doe')// You can update localStorage data via setFirstName('John') or removeFirstName()return(<h1>Demo</h1>{firstName&&lastName&&(<p> Hello{firstName}{lastName}</p>)})}Use.set or.remove to update data from your component.
All storage updates will be automatically synced with all components using the same localStorage value key.