0.0.11 • Published 5 years ago
@kensie/create-context-hook v0.0.11
@kensie/create-context-hook
Simple utility to create context-bound React hooks.
Install
npm install --save @kensie/create-context-hook
Usage
import * as React from 'react'
import { createContextHook } from '@kensie/create-context-hook'
const [FooProvider, useFooStore, FooContext] = createContextHook((providerProps) => {
const [foo, setFoo] = React.useState('foo' + providerProps.suffix)
return { foo, setFoo }
})
const App = () => {
return (
<FooProvider suffix="ooo">
<InnerApp />
</FooProvider>
)
}
const InnerApp = () => {
const { foo, setFoo } = useFooStore()
return (
<div>
<h1>{foo}</h1>
<button onClick={() => setFoo(foo.toUpperCase())}>
uppercase foo
</button>
</div>
)
}
License
MIT © kensiebliss
This package was created using create-react-hook.