Home

Awesome

SPA State Management Demo

This repo demo how to do simple state update (and trigger re-render) with varies of SPA framework.

The example used is simply getting two numbers from input, then display the sum.

Comparison

Framework / Tool# Significant Expression*Required LoC*Size** of node_modulesSize** of Built File***
Svelte71922M17.4K
Angular738242M155.8K
Vue1043101M49.3K
Stencil114816M13.7K
React1432205M144.6K
Vanilla10160B0.3K

*: the lower, the better

**: file size are in unit of MB or KB (powers of 1024), measured with du -sh --apparent-size node_modules

***: excluded *.map files

LoC: line of code

Remark: the vanilla html file is minified with minify

Svelte

Angular

Vue

Stencil

React

Vanilla