Drobs Local Storage React

This package proposes a react hook to read and set value from/to local storage

Installation

bash

npm install @drobs/local-storage-react



Use

Import package in your react app

Import useLocalStorage from 'drobs-local-storage-react';

Add a hook in your component with useLocalStorage (keyName, defaultValue)

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



--- example ---

js

'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 (

    

      Hello, {name}!

              type="text"

        value={name}

        onChange={(e) => setName(e.target.value)}

      />

              src="/vercel.svg"

        alt="Vercel Logo"

        width={72}

        height={16}

      />

    

  );

}





Contribute

GitHub Repository

GitHub



Compile

bash

npm run build

Drobs Local Storage React

This package proposes a react hook to read and set value from/to local storage

Installation

bash

npm install @drobs/local-storage-react



Use

Import package in your react app

Import useLocalStorage from 'drobs-local-storage-react';

Add a hook in your component with useLocalStorage (keyName, defaultValue)

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



--- example ---

js

'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 (

    

      Hello, {name}!

              type="text"

        value={name}

        onChange={(e) => setName(e.target.value)}

      />

              src="/vercel.svg"

        alt="Vercel Logo"

        width={72}

        height={16}

      />

    

  );

}





Contribute

GitHub Repository

GitHub



Compile

bash

npm run build