Could auto subscribe/unsubscribe to a store be implemented?

[PierBover]

After I saw this example in the docs it made me wonder if this could be automated somehow?

class MyComponent extends Component {
  store = myStore.use()

  didMount() {
    this.store.subscribe((newState: any, prevState: any) => {
      if (newState.name !== prevState.name) this.update()
    })
  }

  didUnmount() {
    this.store.cancel()
  }

  render() {
    return <p>{this.store.state.number}</p> // <p>100</p>
  }
}

I'm not implying that Nano should provide this feature, but rather if there's any drawback I'm missing that would make this unfeasible.

[yandeu]

Maybe I could implement an internal hook like this?
It cancels all registered stores.

const myStore = new Store({ test: 'abc' })

class Test extends Component {
  store = myStore.use()
  store2 = myStore.use()

  cancelAllStores() {
    const hasProp = (obj: any, ...prop: string[]) => {
      for (const p of prop) if (!Object.prototype.hasOwnProperty.call(obj, p)) return false
      return true
    }

    Object.keys(this).forEach(k => {
      const obj = (this as any)[k]
      if (hasProp(obj, 'setState', 'subscribe', 'cancel')) {
        console.log('cancel')
        obj.cancel()
      }
    })
  }

  didUnmount() {
    this.cancelAllStores()
  }

  render() {
    return <p>test</p>
  }
}

[PierBover]

Yeah this is what I was thinking :)

[yandeu]

Ok. I think I will implement it :)