This week, I found out about Svelte, a teensy front-end UI framework. I’m a fan of Preact, and I wondered how big a real application with Svelte would be compared to Preact.
Short answer: a simple CRU (no D) app for creating, listing, updating a users list, complete with client-side routing using rlite-router and JS-manipulated CSS weighs in at:
- Preact 6.2KB (min + gzip)
- Svelte 4.8KB (min + gzip)
Without JS-based styling (e.g. with external CSS), the Svelte app came in at exactly 4KB.
Pretty sweet. That’s an entire application with front-end routing, in a much smaller than react-router alone.