npm.io
2.0.1 • Published 4 years ago

contextover

Licence
MIT
Version
2.0.1
Deps
1
Size
10 kB
Vulns
0
Weekly
0

ContextOver - a simple context provider

  • based on React Context & jamiebuilds/unstated-next

  • offers a context over a hook contained logic & values


Install

npm install --save contextover

Example

Create context over hook
const useCount = ({ initialCount }) => {
  const [count, setCount] = useState(initialCount);

  const incrementCount = () => setCount((currentCount) => currentCount + 1);

  return { count, incrementCount };
};

const useCountContext = createContextOver(useCount);

Provide & Consume context
const Counter = () => {
  const { count, incrementCount } = useCountContext.useContext(initialCount);

  return <div onClick={incrementCount}>Count: {count}</div>;
};

const App = () => (
  <useCountContext.ProvideContext initialCount={0}>
    <Counter initialCount={0} />
  </useCountContext.ProvideContext>
);

Keywords