Estoy considerando usar la agrupación de objetos de nodos DOM. Cuando se termine de usar un nodo DOM, se colocará en un grupo. Tengo algo como esto actualmente.

 function removeNativeElement(virtualElement, store) { let stack = [virtualElement] let els = [] while (stack.length) { const node = stack.shift() const el = node.nativeElement // remove from parent el.parentNode.removeChild(el) // remove event listeners node.handlers.forEach(({ type, handler }) => { el.removeEventListener(type, handler) }) el.children.forEach(child => { stack.push(child) }) els.push(el) } els.forEach(el => { // clear out any remaining text el.innerHTML = '' addNativeElementToPool(el) }) } function addNativeElementToPool(el, store) { const pool = store.pool[el.tagName] = store.pool[el.tagName] || [] if (pool.length > store.maxPoolSize) { return } pool.push(el) }

Pero, ¿qué pasa con el restablecimiento de los attributes y las propiedades de style de una manera eficiente? ¿Cómo se hace eso? El objetivo es hacer que colocar un objeto en una piscina no sea excesivamente costoso.