With my focus recently going back to look at optimization for the Solid 1.0 release, I thought I'd...

Playful Programming

A revisit of a UI component cost benchmark comparing Inferno, Lit, Solid, Svelte, and Vanilla JS across three levels of component granularity. The test reveals how different rendering approaches (Virtual DOM, Web Components, reactive libraries) scale as component count increases. Key findings: Web Components carry meaningful overhead compared to JS framework components, VDOM libraries like Inferno need sufficient component granularity to perform well, and 'component-less' reactive libraries like Solid maintain low overhead at all levels. The author concludes Web Components and JS framework components serve different purposes and shouldn't be directly compared on performance.

The Real Cost of UI Components Revisited