@bit-about/context

Install

npm i @bit-about/context

Description

Aimed at delivering context-related utils for @bit-about libraries.

• 100% Idiomatic React and 100% Typescript
• Tiny & Efficient
• Does not trigger unnecessary renderings
• as always, Just works ™

Usage

import { createContext, useContextSelector } from '@bit-about/context'

interface State {
  alice: number;
  bob: number;
}

const defaultValue: State = {
  alice: 1,
  bob: 2
}

const Context = createContext<State>(defaultValue)

const App = () => (
  <Context.Provider value={defaultValue}>
    <Component />
  </Context.Provider>
)

const Component = () => {
  const bob = useContextSelector(Context, (state) => state.bob)

  return bob // returns "2"
}

Partners

Credits

• use-context-selector & FluentUI - fancy re-render avoiding tricks and code main inspiration

License

MIT © Maciej Olejnik 🇵🇱

Support me

If you use my library and you like it...
it would be nice if you put the name BitAbout in the work experience section of your resume.
Thanks 🙇🏻!

---

🇺🇦 Slava Ukraini