Store: patchState is inconvenient for patching deep objects

[AlgoTrader]

I write a lot of boilerplate code like this

   const state = context.getState();
    context.patchState({
      someForm: {
        ...state.someForm,
        model: {
          ...state.someForm.model, 
          someFlag: false
        }
      }
    });

What I would like to have is something like this:

context.patchStatePath(['someForm', 'model', 'someFlag'], false)

There should be some helper for deep updates. For now, I write a lot of redux-style immutability stuff

[markwhitfeld]

I am working on a built-in immutability helper that will help in this regard. I'll keep you posted.

[amcdnl]

I think immer is a great solution for this kinda of stuff. Ideally your state isn't too deep so this isn't a problem but I agree.

[arjunyel]

Here's an Immer with NGXS article, hope this helps! https://blog.angularindepth.com/simple-state-mutations-in-ngxs-with-immer-48b908874a5e

[AlgoTrader]

Immer is exactly what I need.

[arturovt]

@AlgoTrader

Currently we've got a lot of features that allow to reduce boilerplate code with ... object descruction:

• State operators
• immer-adapter (compatible with NGXS)

[akopchinskiy]

@markwhitfeld

    deepMerge<T, S>(target: T, source: S): T & S {
        for (let [k, v] of Object.entries(source)) {
            if (!(k in target))
                target[k] = source[k];
            else if (v.constructor.name === 'Object')
                this.deepMerge(target[k], source[k]);
            else
                target[k] = source[k];
        }

        return target as T & S;
    }

[mattbodman]

Here's an Immer with NGXS article, hope this helps! https://blog.angularindepth.com/simple-state-mutations-in-ngxs-with-immer-48b908874a5e

broken link now :(

[kuncevic]

Here's an Immer with NGXS article, hope this helps! https://blog.angularindepth.com/simple-state-mutations-in-ngxs-with-immer-48b908874a5e

broken link now :(

That is the one https://medium.com/angular-in-depth/simple-state-mutations-in-ngxs-with-immer-48b908874a5e