Vue - like recursive tracking?

case - extenally controlled state object.

like:

var state = {
  name: 'Age',
  items: [ { name: 'Pet' }, { name : 'Book' } , { name: { firstName: 'foo' } } ]
}

recursive tracking example - https://gist.github.com/lifeart/d6237e0129e603b23d1aa8e8d4b07504

like makeTracked(state);

also, it’s possible to add one more object tracking option - track only defined properties (without proxy), patching native getters/setters.

[pzuraq]

I think TrackedObject should not alter the original object, to match the APIs of the other classes. Dynamically tracking values on a existing object may belong in a separate utility, could be useful, but it’s also definitely powerful, could have some consequences we should think through.

[pzuraq]

So I think the first step is actually to do that second part, enable TrackedObject when proxies are disabled and manually install getters/setters for the properties passed to its constructor. I’ll try to do it soon, if you have a chance though PRs are welcome 😄