"Vanilla" DOM removes and recreates a text node when changing the text content

[lemonmade]

When not using the BatchingRemoteConnection object, this can sometimes lead to a very subtle "flickering", as the remove message and append messages are handled asynchronously from one another on the host.

[lemonmade]

This is most noticeable when replacing the entire text content of another element, e.g.:

const button = document.createElement('ui-button');
button.textContent = '0 seconds passed';

let seconds = 0;
setInterval(() => {
  seconds += 1;
  button.textContent = `${seconds} seconds passed`;
}, 1000);

This happens because this operation removes all current children of the element, before creating a new text element with the updated content as the only child. This can be addressed with BatchingRemoteConnection, but I should either make it automatic or document this requirement better...