Add Combine Store Feature

[ragokan]

I made a way to combine unlimited amount of stores to create one base store. I tested it, everything works amazing, even the setState function. Yet, as you can see from the code, it can't totally infer the types if we don't provide an interface. I hope it can be fixed.

interface IAge extends State {
  age: number
}

interface IName extends State {
  name: string
}

interface IHealth extends State {
  status: boolean
}

const ageState = create<IAge>(() => ({ age: 5 }))
const nameState = create<IName>(() => ({ name: 'zustand' }))
const healthState = create<IHealth>(() => ({ status: true }))

interface combined extends IAge, IName, IHealth {}

const combined = combineStores<combined>(nameState, ageState, healthState)

console.log(combined)
console.log(combined.getState())
console.log(combined.getState().name)

Console Results:

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit e02dcc6:

Sandbox	Source
React	Configuration
React Typescript	Configuration

[dai-shi]

Hey, thanks for your interest and your trial.
Non technical issue: We already have something called "combine", so maybe we need to have a different name to avoid confusion.

Looking at the code, it's not very useful as is. What is nice is to accept set in the sub stores.

So, it's more like this:

combineStores({ name: nameState, age: ageState, health: healthState })

We have some recent discussions in #291. You want to take a look at #178 especially.
(Hm, analogous to combineReducers, combineCreators may work. Now, I regret naming the bare combine...)
Yeah, combining creators sounds better that combining stores.

TypeScript support is very important, I guess. Would you see how combine works?

Hope you get some ideas.

[ragokan]

Hey, thanks for your interest and your trial.
Non technical issue: We already have something called "combine", so maybe we need to have a different name to avoid confusion.

Looking at the code, it's not very useful as is. What is nice is to accept set in the sub stores.

So, it's more like this:

combineStores({ name: nameState, age: ageState, health: healthState })

We have some recent discussions in #291. You want to take a look at #178 especially.
(Hm, analogous to combineReducers, combineCreators may work. Now, I regret naming the bare combine...)
Yeah, combining creators sounds better that combining stores.

TypeScript support is very important, I guess. Would you see how combine works?

Hope you get some ideas.

Thank for your comment, I will try to implement this with a better, other than that, I will try to help others who are trying the same thing, you can close this code if you want.

[dai-shi]

Let me close this. Would be better to keep discussion in #178.