[idea] API can be even simplier

Nice lib! I am surprised how little code is needed to work around the problem with React Context API.

One thing that I found missing is the ability to pass a function receiving current value into the setter (just like when using React.useState).

But then I realised this can be done like so:

setRidgeState(state, fn(getRidgeState(state)))

and it will work as long as useRidgeState(state) is called in the component

This is a bit awkward and redundant though.

Would an API like this make sense?

useRidgeSubscription(state) // re render on change, no return
state.get() // getter for the value
state.set(...) = // setter for the value

Now there is only one way of getting and setting the state without extra imports needed. JS getter/setter could be used instead of normal functions. A loose idea, probably too big of a change anyway.

[RichardLindhout]

And we need some custom selector which only re renders if own selection change e.g.

import { cartProductsState } from "../CartState";
const filteredProducts = cartProductsState.selector(state => state.filter(p => p.category === 'nice'))

[RichardLindhout]

I agree it could be simpler ideally if you don’t have to import 2 things I was thinking instead of

import { useRidgeState } from "react-ridge-state";
import { cartProductsState } from "../CartState";
const [cartProducts, setCartProducts] = useRidgeState(cartProductsState);

Something like this

import { cartProductsState } from "../CartState";
const [cartProducts, setCartProducts] = cartProductsState.useState();

Global state would be

import { cartProductsState } from "../CartState";
cartProductsState.set(newState)
cartProductsState.get()