use-user-settings

Package that allows to easily work with user settings, storing them to local storage
Just replace your useState with useUserSettings, and add second parameter - unique key for saving

Pretty simple to use:

``tsx
import { useUserSettings } from 'use-user-settings';

const Component = () => {
const [view, setView] = useUserSettings('compact', 'main_page_view_type');

return ;
};
`

Params as they are

`ts
type UseUserSettingsType = (
defaultValue?: T | (() => T),
key?: string,
prefix?: string
) => [T, (value: SetStateAction) => void];
`

Params:

- defaultValue - just like useState - you can provide with value or with getter function
- key - local storage key that will identify the setting
- prefix - default = uus_p_. if you need to specify prefix for your setting keys. Might be useful if you want to wrap this hook in your own like this:

`ts
import { useUserSettings } from 'use-user-settings';

export const useOurUserSettings = (
defaultValue?: T | (() => T),
key?: string
) => {
return useUserSettings(defaultValue, key, 'my_project_1');
};
``