Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript
August 19, 2024
As an industry, we’ve offloaded most of this direct rendering to frameworks. All JavaScript frameworks (React, Angular, Vue, Svelte, etc) use these APIs under the hood. While I recognize that the productivity benefits of frameworks often outweigh the potential performance gains of manual DOM manipulation, I want to demystify what goes on under the hood in this article.
Back in the day we rolled up our sleeved and worked directly with the DOM. In a framework first world we increasingly don’t do this. But it’s at least worth know what’s going on deep under the hood.