Giters

halfnelson / svelte-it-will-scale

Generate a chart showing svelte's overhead

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Component source

tdowdle-aicradle opened this issue · comments

commented

Excuse my ignorance, but when you say the inflection point is about 120KB of component source. Can you expound more on what component source means or how to track it?

For example:

Let's say you have a simple component in both react and svelte. Say 1 div that displays the output of a single variable. And in the javascript portion of the component there is 120kb worth of javascript code that is tied to the output of the single variable.

When compiled, is the React component bundle going to be smaller? It seems no, since at least to my knowledge the virtual DOM has no bearing on javascript right?

Am I correct in my assumption that the 120kb of component source correlates directly or closely to the size of the DOM within the component? If that's true, is there an efficient way to track it?