1.0.6 • Published 2 years 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
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.2
3 years ago
1.0.3
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.1.29
3 years ago
0.1.27
3 years ago
0.1.28
3 years ago
0.1.25
4 years ago
0.1.26
3 years ago
0.1.23
4 years ago
0.1.24
4 years ago
0.1.22
4 years ago
0.1.21
4 years ago
0.1.20
4 years ago
0.1.19
4 years ago
0.1.18
4 years ago
0.1.17
4 years ago
0.1.16
4 years ago
0.1.15
4 years ago
0.1.14
4 years ago
0.1.13
4 years ago
0.1.12
4 years ago
0.1.11
4 years ago
0.1.10
4 years ago
0.1.9
4 years ago
0.1.8
4 years ago
0.1.7
4 years ago
0.1.6
4 years ago
0.1.4
4 years ago
0.1.3
4 years ago
0.1.5
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago