I'm implementing a view layer for a markdown editor in svelte 5.
I've already created an incremental parser that parses markdown to MDAst.
MDAst parse a markdown source file as a hierarchy of sections.
<section><h1>Some Heading</h1><p>A huge paragraph</p><p>Another huge paragraph</p></section>Therefore, when I insert a header, it will split the current section into two sections. In this case, it seems like svelte will remove some children and re-create these children into the newly created section. These components are sometimes large, and these edits cause can visible stucks in rendering.
<section><h1>Some Heading</h1><p>A huge paragraph</p></section><section><h1>Another Heading</h1><p>Another huge paragraph</p></section>My question is, if I want to cache these children elements across rendering life cycles, what should I do?