[question] deep state, destructuring & action verbosity/DRY

hey guys,

i don’t believe there is something like concise notation for deep destructuring:

const x = ({a.b.c}) => c.foo;

most examples with hyperapp use a flat state, so they look simple. but the app size will grow rather quickly and become less DRY as you have to repeat the state structure in multiple places. adding just one level to the counter example results in a lot more repetitive action code, or any code that can return partial state (but must be aware of the entire ancestor state structure): https://codepen.io/anon/pen/ZJrrGW?editors=0010

attempts to make it smaller [understandably] don’t quite work: https://codepen.io/anon/pen/MvQQje?editors=0010

thoughts? thanks!

[leeoniya]

“All problems in computer science can be solved by another level of abstraction…except for the problem of too many levels of abstraction.” [1]

😄

[1] https://en.wikipedia.org/wiki/Indirection

[jorgebucaran]

Okay, I think I have an idea… 💡

actions: {
  up(state, actions) {
    return ["count", "realCount", state => state + 1]
  }
}

or

actions: {
  upAndMore(state, actions) {
    return [
      ["count", "realCount", state => state + 1]
      ["some", "more", "stuff", state => state + "foo"]
    ]
  }
}

Definitely an improvement of the weird state(path, fn) syntax a few posts above and a possibility now that the state is POJO.

Also, this ~might be~ is possible to implement outside core as a mixin using thunks and resolve.