V-core9 Toolkit that provides a set of hooks, components and utilities for React Applications.
npm install v_core_react_toolkitbash
npm install --save v_core_react_toolkit
`
Usage
`jsx
import {
components, //? React Components
hooks, //? React Hooks
creators, //? Creator Functions Array
utils
} from 'v_core_react_toolkit'
const {
LogoV9,
Section,
HCC_PreviewSection,
demoExamples // Array of Example Components
} = components
const {
CounterHookExample,
HoverHookExample,
MountedHookExample,
OnlineStatusHookExample,
TogglerHookExample,
LocalStorageHookExample,
WindowSizeHookExample,
ContextWithProviderExample
} = demoExamples
const {
useCounter,
useDocumentTitle,
useHover,
useIsMounted,
useToggler,
useWindowSize,
useOnlineStatus,
useLocalStorage,
useMousePosition,
useRelativeMousePosition,
useNetworkState,
useThrottledFunction
} = hooks
const {
createContextAndHook
} = creators
const {
canUseDOM,
throttle
} = utils
// Your Custom Code...
`
Hooks
1. useCounter
`jsx
import React from 'react'
import { hooks: { useCounter } } from 'v_core_react_toolkit'
const App = () => {
const { count, setCount, increment, decrement, reset } = useCounter(4)
useDocumentTitle(count)
return (
Count: {count}
)
}
`
2. useDocumentTitle
`jsx
`
3. useHover
`jsx
`
4. useIsMounted
`jsx
`
5. useLocalStorage
`jsx
`
6. useMousePosition
`jsx
`
7. useNetworkState
`jsx
`
8. useOnlineStatus
`jsx
`
9. useRelativeMousePosition
`jsx
`
10. useToggler
`jsx
`
11. useWindowSize
`jsx
`
12. useThrottledFunction
`jsx
`
Components
Creators
1. createContextAndHook
`jsx
`
2. createContextSliceReducerHook
`jsx
`
Utils
1. canUseDOM
`js
`
2. throttle
`js
`
3. logGroupCollapsed
`js
`
4. classNames
`js
`
5. loop
`js
``