Uselocalstorage-react-hook NPM

npm.io

Uselocalstorage-React-Hook

npm.io

This is an amazing package that will help you add local storage variables easily in your react app.

🛠️ Installation

Install using npm

npm i uselocalstorage-react-hook

Add to your project

import useLocalStorage from "uselocalstorage-react-hook";

Start using uselocalstorage-react-hook

const [name, setName] = useLocalStorage("name", "John Doe");

💻 Example Code

import React from "react";
import "./styles.css";
import useLocalStorage from "uselocalstorage-react-hook";

const App = () => {
  const [name, setName] = useLocalStorage("name", "John Doe");

  return (
    <div>
      <input
        type="text"
        value={name}
        onChange={(e) => setName(e.target.value)}
      />
      <h1>{name}</h1>
      <p>Refresh this page, the name remains the same. 🤟</p>
    </div>
  );
};

export default App;