1.1.3 • Published 1 year ago
drobs-local-storage-react v1.1.3
This package proposes a react hook to read and set value from/to local storage
--- Install --- npm install drobs-local-storage-react
--- Use --- Import package in your react app import useLocalStorage from 'drobs-local-storage-react';
add a state in your component with useLocalStorage (keyName, defaultValue) const name, setName = useLocalStorage('name', 'John Doe');
--- example --- 'use client';
import Image from "next/image"; import styles from "./page.module.css"; import useLocalStorage from 'drobs-local-storage-react';
export default function Home() { const name, setName = useLocalStorage('name', 'John Doe'); return (
<div className={styles.container}>
<h1>Hello, {name}!</h1>
<input
type="text"
value={name}
onChange={(e) => setName(e.target.value)}
/>
<Image
src="/vercel.svg"
alt="Vercel Logo"
width={72}
height={16}
/>
</div>
); }