useSelector hook

Proposal:

function useSelector(selector) {
  const store  = React.useContext(StoreContext);
  const [state, setState] = React.useState(selector(store.get()));

  React.useEffect(() => {
    setState(selector(store.get()));
  }, [selector]);

  store.on('@changed', () => {
    setState(selector(store.get()));
  })

  return state;
}

[ai]

Sorry, but these bindings are important for performance. I do not want to add bad for performance solution.

You can write own custom hook, it is very easy.

[pret-a-porter]

I tried it, it is not so convenient.

1. With big store I need to write each time construction like useStoreon('one', 'two', ... 'ten'); For example, twenty hooks with this construction…
2. When I will change structure of my store, I will need to change every hook and every selector function. With useSelector hook I will need to change only selector functions.
3. I use Typescript, with useSelector hook no need to describe each selector function params. Selectors always based on whole state.