@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.