Inline editing and DOM manipulation

I’d like to create a list o filtered items using a JavaScript framework (it shouldn’t matter much which but it will probably be Backbone or Vue.js). Those items should be editable in the backend. If the list is generated by script from JSON (provided by Neos) and I edit an item within the backend, surely this will confuse Neos, making it impossible to update corresponding database entries?

For instance, lets assume Neos generates this markup:

`

`

Some JavaScript framework takes data and template and creates DOM nodes:

`

  • One
  • Two
`

Is there some way I could teach Neos to edit the list, updating database records accordingly so that the data (var todos) is updated?

In general, what is the recommended approach in a case like this?