Introduction to Svelte

Post by acemarke » Thu, Aug 15, 2019, 4:55 PM UTC

playpause wrote: post #48

For those confused about the "29 MB": that's the size of the compiler itself. A compiled Svelte app is tiny . Taking the TodoMVC demo app as an example: React [1] : 289 KiB over the wire (decompresses to 1,255 KiB) Svelte [2] : 28 KiB over the wire (decompresses to 41 KiB) --- [1] http://todomvc.com/examples/react/ [2] https://github.com/sveltejs/svelte-todomvc

    File sizes after gzip:
    
      39.22 KB  build\static\js\2.3ec0f98b.chunk.js
      2.14 KB   build\static\js\main.4514f0a8.chunk.js
      1.73 KB   build\static\css\2.bc2ff3bb.chunk.css
      782 B     build\static\js\runtime~main.0ff4d30b.js

    2.3ec0f98b.chunk.js : 128435b
    main.4514f0a8.chunk.js: 7259b
    2.bc2ff3bb.chunk.css: 5423b
    runtime~main.0ff4d30b.js: 1577b

Post by gedy » Thu, Aug 15, 2019, 4:59 PM UTC

lucisferre wrote: post #53

gedy wrote: post #5

I loved Svelte a few years back and still think it's a nice framework with cool ideas. However, a big issue for me using it at a company is that testing (especially unit testing) seems to be an afterthought. This has made it a non-starter for using it with multiple teams working on same code base. Maybe it's changed with Svelte 3 but a library I wrote for it wasn't clear how to test. (Edit sounds same: https://github…

Is there any UI framework where testing isn't an afterthought?

Post by rpastuszak » Thu, Aug 15, 2019, 5:08 PM UTC

acemarke wrote: post #61

playpause wrote: post #48

For those confused about the "29 MB": that's the size of the compiler itself. A compiled Svelte app is tiny . Taking the TodoMVC demo app as an example: React [1] : 289 KiB over the wire (decompresses to 1,255 KiB) Svelte [2] : 28 KiB over the wire (decompresses to 41 KiB) --- [1] http://todomvc.com/examples/react/ [2] https://github.com/sveltejs/svelte-todomvc

FWIW, that React demo should not be used as a network perf comparison in any way: - It's using an ancient version of React (0.13.3) - It's a debug build of "React with addons", not a minified prod build - It appears to include `JSXTransformer.js` as a separate script to handle in-browser JSX compilation If you were to redo this using a modern version of React and a standard CRA build, I guarantee it would be _much_ s…

Post by saagarjha » Thu, Aug 15, 2019, 5:24 PM UTC

Cthulhu_ wrote: post #30

nailer wrote: post #7

Earlier quoted context omitted.

That's the compiler, not the output of the compiler. Likewise GCC/LLVM is huge, but helloworld.bin is pretty small.

How big is the source code size of GCC/LLVM? I mean node_modules often contains the full source + dist of the whole dependency chain.

Post by jf22 » Thu, Aug 15, 2019, 5:33 PM UTC

Zelphyr wrote: post #49

hardwaresofton wrote: post #43

Earlier quoted context omitted.

tl;dr watch this fantastic intro to svelte talk by it's creator: https://www.youtube.com/watch?v=AdNJ3fydeao , it covers some of the growing pains of React that svelte addresses. While it might look like the frontend is going around in circles, there are major & minor differences between the technologies, and they have each introduced novel (to JS at least) things... Off the top of my head (this timeline might not be…

This is literally the first time anyone has ever put together a cogent argument for why the framework du jour exists. Thank you! I still personally feel like I can usually get more done with pure Javascript but, as I said in my original post, at least they appear to be headed in a better direction. I did a project in Vue last year and it didn't entirely suck. Unlike the nightmare that was an Angular project I did two…