Flexible web application architecture

This project demonstrates a scalable, flexible, and framework-neutral JavaScript web application architecture.

Frameworks

The selection of the following frameworks depends on this report and benchmark.

CharacteristicAngularAngularJSAureliaInfernoPreactReactSvelteVanillaVue[Vue3]
Version10.11.81.37.410.416.133.24-2.6 (Composition API)3.0-rc
Artifact size598 KiB213 KiB354 KiB52.4 KiB47.9 KiB160 KiB45.3 KiB31.8 KiB114 KiB- KiB
Upcomming time~53.5 ms~50 ms~10 ms~11 ms~12 ms~13 ms~13 ms-~18 ms- ms
Performance test✔️✔️✔️✔️✔️✔️✔️✔️✔️✔️
Devtools✔️✔️✔️✔️✔️✔️✔️✔️
Router✔️✔️✔️✔️✔️✔️✔️✔️✔️✔️
DI✔️✔️✔️✔️✔️✔️✔️✔️✔️✔️
SPA✔️✔️✔️✔️✔️✔️✔️✔️✔️✔️
PWA✔️✔️✔️✔️✔️✔️✔️✔️✔️
SSR✔️✔️✔️✔️✔️✔️✔️✔️✔️
Internet Explorer*✔️✔️✔️✔️✔️✔️
Framework CLI✔️
(253 KB)
✔️**✔️
(121 KB)
✔️
Scoped App✔️✔️✔️✔️✔️✔️✔️✔️✔️
Language Support✔️✔️
JSX/TSX
✔️
JSX/TSX
✔️
JSX/TSX
✔️✔️✔️

* Maybe more polyfills are required for IE.
** The Aurelia CLI can not be used for this project.

Devtools

References

Last Updated: