v_core_react_toolkit

============================

⚠ [ALPHA ver.] Warning [ALPHA ver.] ⚠

============================

>
> a package that gives you custom React things

 

Install

``bash
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}

increment()}>increment
decrement()}>decrement
setCount(count + 5)}>Add 5
setCount(count - 5)}>Subtract 5
reset()}>reset

)
}

`

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

``

License

MIT © V-core9