Simple utility to create context-bound React hooks.
npm install --save @kensie/create-context-hook
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>
)
}
MIT © kensiebliss
This package was created using create-react-hook.