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

*: 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

• App.svelte

Angular

• app.component.ts
• app.component.html
• app.component.css
• app.module.ts

Vue

• App.vue

Stencil

• my-component.tsx
• my-component.css

React

• App.tsx
• App.css

Vanilla

• index.html