What kind of perfomance benefits Svelte gets for having no virtual DOM?

Question

I have a question about svelte, if svelte is not adapting Virtual DOM or Shadow DOM mechanism, how is it generating high performance applications, because svelte is just a compiler, which generates the pure javascript build, is this is the only takeaway of svelte, converting to pure javascript code, will yeild you high performance applications?, then why react or angular using the Mechanism like Virtual DOM or Shadow DOM

I know this is not a coding question, but I wanted the answer, so only posted here, please do not delete or devote this post. I want to understand the internals

Thanks

Ardolino

softwareengineering.stackexchange.com might be a better place for this sort of question – Bakery

Answer 1

For most use cases, Svelte is faster than React / Angular.

This is because Svelte does not use virtual DOM. The core value promise of Svelte framework is to eliminate virtual DOM overhead.

The virtual DOM overhead comes from the fact that a framework needs to construct nodes in a separate format and then perform a diff.

Older

Answer 2

• In react.js, browser will load react library, reactDOM and then it will load the project code. this makes react project larger in size. From here

The Svelte implementation of TodoMVC weighs 3.6kb zipped. For comparison, React plus ReactDOM without any app code weighs about 45kb zipped. It takes about 10x as long for the browser just to evaluate React as it does for Svelte to be up and running with an interactive TodoMVC.

• svelte apps have less code. From here:

All code is buggy. It stands to reason, therefore, that the more code you have to write the buggier your apps will be.

Writing more code also takes more time, leaving less time for other things like optimisation, nice-to-have features, or being outdoors instead of hunched over a laptop.

• Svelte is a compiler. It does not run in the browser. The compiled code will directly modify the DOM without the overhead of the virtual DOM. You can read Virtual DOM is pure overhead

Triciatrick