Memoized state management (concept)

[ingoandelhofs]

const ctx = () => {
  const [valueSelector, setValue, getValue] = useMemoizedState();

  return {
    valueSelector,
    setValue,
  }
}

const [useValueContex, ValueContextProvider] = generateContext(ctx);

const context = useValueContext();
const value = useSelector(context.valueSelector);

const readValue = context.getValue();

[ingoandelhofs]

const dispatch = () => {

}

export const ctx = (contextValue: any) => {

  const updateSize = useCallback(
    (size: number) => contextValue.dispatch({type: "updateSize", data: {size}}),
    [contextValue],
  );

  const updateSpacing = useCallback(
    (spacing: number) => contextValue.dispatch({type: "updateSpacing", data: {spacing}}),
    [contextValue],
  );

  return {
    updateSize,
    updateSpacing,
  }
}

const {useContext, useContextSelector, ContextProvider} = generateMemoizedContext();