1.0.6 • Published 12 months ago
@technote-space/use-local-storage v1.0.6
useLocalStorage
React hook to handle localStorage.
Table of Contents
Usage
Install
yarn add @technote-space/use-local-storage
or
npm i @technote-space/use-local-storage
Use
e.g.
import {useCallback} from 'react';
import useLocalStorage from '@technote-space/use-local-storage';
import useMediaQuery from '@material-ui/core/useMediaQuery';
export type ThemeColor = 'light' | 'dark';
const useDarkMode = (): [ThemeColor, () => void, (isDarkMode: boolean) => void] => {
const [isDarkMode, setDarkMode] = useLocalStorage('is-dark-mode', useMediaQuery('(prefers-color-scheme: dark)'));
const toggleDarkMode = useCallback(() => {
setDarkMode(isDarkMode => !isDarkMode);
}, []);
return [isDarkMode ? 'dark' : 'light', toggleDarkMode, setDarkMode];
};
export default useDarkMode;
Author
1.0.6
12 months ago
1.0.5
1 year ago
1.0.4
1 year ago
1.0.2
1 year ago
1.0.3
1 year ago
1.0.1
2 years ago
1.0.0
2 years ago
0.1.29
2 years ago
0.1.27
2 years ago
0.1.28
2 years ago
0.1.25
2 years ago
0.1.26
2 years ago
0.1.23
2 years ago
0.1.24
2 years ago
0.1.22
3 years ago
0.1.21
3 years ago
0.1.20
3 years ago
0.1.19
3 years ago
0.1.18
3 years ago
0.1.17
3 years ago
0.1.16
3 years ago
0.1.15
3 years ago
0.1.14
3 years ago
0.1.13
3 years ago
0.1.12
3 years ago
0.1.11
3 years ago
0.1.10
3 years ago
0.1.9
3 years ago
0.1.8
3 years ago
0.1.7
3 years ago
0.1.6
3 years ago
0.1.4
3 years ago
0.1.3
3 years ago
0.1.5
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.0
3 years ago