detecting state changes

[chisholmd]

If I set a deep property like this this:

  setExplorerSelectedBomId(state, payload) {
        state.explorer.bomId = payload;
        return state;
    },

my state change listeners do not get called.

If I add a kind of cache buster at the root of my state object, then it works.

    setExplorerSelectedBomId(state, payload) {
        state.foo=Date.now();
        state.explorer.bomId = payload;
        return state;
    },

It seems to work and is pretty painless, but I thought I would just check to see if this was a bug, or if there is a more proper way to push changes so that they get detected.

[chisholmd]

OK I lied, this is not working.

Is it by design that the stateChange function is called each time a state property is updated, and before return state is called?

[chisholmd]

Ok I found a way to be able to group my state values, and still ahve the changes registered.

setExplorerSelectedBomId(state, payload) {
        var tmp = JSON.parse(JSON.stringify(state.explorer));
        tmp.bomId = payload
        state.explorer = tmp;
        return state;
    },

More hacky then before,... Is there another way? or are deep properties frowned upon?

[chisholmd]

Ok Never mind.... The internet tells me to "keep your state flat". So I will trade _'s for .'s
state.explorer_bomId
state.explorer_parId

etc

[AMerkuri]

Change self.state = newState to self.state = Object.assign(self.state, newState);. This will trigger Proxy.