@mreycode/utils
v0.0.2
Published
Shared utilities
Downloads
88
Maintainers
Readme
MrEYCode utils
Available utilities:
Custom hooks
- useEventListener
useEventListener(eventType,callback,element = window)
import { useEventListener } from "@mreycode/utils";
- useScreenType
Example Usage
import { useScreenType } from "@mreycode/utils";
const screentType = useScreenType();
console.log(screentType);
// type: mobile, tablet, laptop, desktop, largeDesktop
// Output:
// { type: "mobile", width: 552, height: 760 }
- useWindowSize
Example Usage
import { useWindowSize } from "@mreycode/utils";
const {width, height} = useWindowSize();
- useLocalStorage
useLocalStorage(key = null, defaultValue = "")
import { useLocalStorage } from "@mreycode/utils";
const [appTheme, setAppTheme] = useLocalStorage("theme", "dark");
Checker
- isBlank
isBlank(value)
// Example Usage
import { isBlank } from "@mreycode/utils";
console.log(isBlank(null)); // true
console.log(isBlank(undefined)); // true
console.log(isBlank("")); // true
console.log(isBlank(" ")); // true
console.log(isBlank("hello")); // false
console.log(isBlank(123)); // false
console.log(isBlank([])); // false
Parser
- stringJSON
stringJSON(data, key = null, defaultValue = "")
// Example Usage
import { stringJSON } from "@mreycode/utils";
console.log(stringJSON("[]")); // []
console.log(stringJSON('{name:"MrEYCode"}')); // { name: "MrEYCode" }
console.log(stringJSON('{name:"MrEYCode"}', "name")); // MrEYCode
console.log(stringJSON('{"name": "MrEYCode"}', "country", "Philippines")); // Philippines