All Projects β†’ leny β†’ react-use-storage

leny / react-use-storage

Licence: Unlicense license
React Hook to handle local and session storage

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-use-storage

react-without-redux
React State Management without Redux
Stars: ✭ 33 (+83.33%)
Mutual labels:  react-hooks
movies
🍿 react-app for movies
Stars: ✭ 60 (+233.33%)
Mutual labels:  react-hooks
react-with-threejs-example
An example project integrating React with three.js
Stars: ✭ 27 (+50%)
Mutual labels:  react-hooks
react-ssr-starter
πŸ”₯ βš›οΈ A React boilerplate for a universal web app with a highly scalable, offline-first foundation and our focus on performance and best practices.
Stars: ✭ 40 (+122.22%)
Mutual labels:  react-hooks
react-polyglot-hooks
Hooks for using Polyglot.js with React.
Stars: ✭ 26 (+44.44%)
Mutual labels:  react-hooks
fireschema
Strongly typed Firestore framework for TypeScript
Stars: ✭ 193 (+972.22%)
Mutual labels:  react-hooks
use-pouchdb
React Hooks for PouchDB
Stars: ✭ 39 (+116.67%)
Mutual labels:  react-hooks
east-store
east-store is a state manager with easiest api that based hooks and immer.
Stars: ✭ 18 (+0%)
Mutual labels:  react-hooks
react-breakpoints
Respond to changes in a DOM element's size. With React Breakpoints, element queries are no longer "web design's unicorn" πŸ¦„
Stars: ✭ 74 (+311.11%)
Mutual labels:  react-hooks
mobx-nextjs-root-store
Mobx root store implementation for next.js with server-side rendering
Stars: ✭ 42 (+133.33%)
Mutual labels:  react-hooks
forex-web-app
πŸ’±β€‚foreign currency exchange app built with react hooks
Stars: ✭ 17 (-5.56%)
Mutual labels:  react-hooks
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (+172.22%)
Mutual labels:  react-hooks
use-state-machine
Use Finite State Machines with React Hooks
Stars: ✭ 28 (+55.56%)
Mutual labels:  react-hooks
jsbb
JavaScript building blocks
Stars: ✭ 31 (+72.22%)
Mutual labels:  react-hooks
flhooks
React like Hooks implementation for Flutter.
Stars: ✭ 38 (+111.11%)
Mutual labels:  react-hooks
fluent-windows
🌈 React components that inspired by Microsoft's Fluent Design System.
Stars: ✭ 122 (+577.78%)
Mutual labels:  react-hooks
react-use-hotkeys
React hook for creating simple keyboard shortcuts
Stars: ✭ 74 (+311.11%)
Mutual labels:  react-hooks
style-hook
use css in js with react hook.
Stars: ✭ 16 (-11.11%)
Mutual labels:  react-hooks
react-cool-form
😎 πŸ“‹ React hooks for forms state and validation, less code more performant.
Stars: ✭ 246 (+1266.67%)
Mutual labels:  react-hooks
react-guidebook
πŸ“š React ηŸ₯θ―†ε›Ύθ°± ε…³δΊŽζ¦‚εΏ΅γ€ζŠ€ε·§γ€η”Ÿζ€γ€ε‰ζ²Ώγ€ζΊη ζ ΈεΏƒ
Stars: ✭ 22 (+22.22%)
Mutual labels:  react-hooks

react-use-storage

React Hook to handle local and session storage


Install

npm install --save react-use-storage

Usage

See this hooks as a useState hooks that syncs with local/session storage.

☝️ NOTE: if the value of the key in the storage change from another portion of your code, the hook keep it in sync and re-render your component with the new value.

LocalStorage

	import {useLocalStorage} from "react-use-storage";

	// ...
		const [value, setValue, removeValue] = useLocalStorage("key", "default value");

SessionStorage

	import {useSessionStorage} from "react-use-storage";

	// ...
		const [value, setValue, removeValue] = useSessionStorage("key", "default value");

License

UNLICENSED (public domain)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].