How to use zustand in a non-singleton way

In current documentation, store instance is created when the module is executed. All component instances will bind to the same store instance(singleton pattern). Zustand is similar to redux in this way.

But sometimes this is not what I want. Sometimes I want each ComponentA instance has its own StoreA instance. In other words, ComponentA instance lifetime === StoreA instance lifetime. ComponentA can share its StoreA instance to its children. This pattern is very suitable when the data lifetime should be same with component instance lifetime.

Is there a standard way to do this?

[dai-shi]

https://github.com/react-spring/jotai is out. Please check it. It’s designed for non-singleton.

If you have question about Jotai, please file an issue there.

[dai-shi]

We had a discussion: #128 In short, it’s technically possible, at least for now. However, because it’s a bit tricky (can lead to violate rules of hooks, if not done properly), we don’t document it for now as it’s only for power users.

(we are working on a second project for non-singleton use case.)