DEV Community

Cover image for Angular vs Svelte - Card Component

Angular vs Svelte - Card Component

Mauro Garcia on November 16, 2019

If you check out some of my previous posts, you'll know that I've been doing some experiments with Svelte and Sapper lately. As I've been working ...
Collapse
 
gc_psk profile image
Giancarlo Buomprisco

Counting characters to compare a fairly simple components is way too naive as a comparison: I do like both Angular and Svelte, so I don't think I am biased when I say this. I'd like to see the comparison of two full-blown complex, real world apps. Only then we can probably compare them.

Collapse
 
johncarroll profile image
John Carroll

Well, as someone who's only familiar with Angular, I can say that I find these comparisons interesting and useful.

But for folks like you, there's a website delivering exactly what you're asked for: github.com/gothinkster/realworld

Collapse
 
gc_psk profile image
Giancarlo Buomprisco • Edited

I agree: they're useful, I made one myself, but I wouldn't use counting characters as a metric for comparison. There's so much more in an application than components, which in my opinion are the "easy" part. The real world app you link is hardly one: I'm talking enterprise, resilient, rock-solid stuff. Probably not something you can find in the open, I admit.

Thread Thread
 
mauro_codes profile image
Mauro Garcia

I think your point is valid, but not all the apps are enterprise or super complex. And, for those kind of apps it's helpful to see this kind of comparisons. Btw, I love Angular and I'm using it on most of my projects.

As I said on previous posts, I'm just starting with Svelte and Sapper. Maybe in the feature I'll be comparing more complex stuff, but this series are all about components.

They are probably the easy part, but they are also a big part of the code we write every date.

Collapse
 
mauro_codes profile image
Mauro Garcia

Glad it was useful for you! 😄

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
gc_psk profile image
Giancarlo Buomprisco

As I said in another comment, that's hardly a real world app. A more complex todo app at best.

Collapse
 
adamwakif profile image
Adam WaƘiƑ

I m a react developer .. i kicked React in the trash because of Svelte .. i love it 😍.. Svelte became my new girlfriend 😂😂

Collapse
 
mateiadrielrafael profile image
Matei Adriel

Id like to do the same but the lack of good ts support made us break up

Collapse
 
mauro_codes profile image
Mauro Garcia

Did you try svelte with sapper?

Collapse
 
doomd profile image
Doomd

I'd just like to add, that it took me about 9 days to do one website with React back in December 2019. I was able to refactor the entire website in Svelte in less than a day. Obviously refactoring an existing site is alot easier than building from scratch, but I mention this to illustrate the ease with which you can transition. The new Svelte site used 63% of the code that React did, and my Google PageSpeed score for that site went from 87 (mobile) to 99 (mobile). For web projects, I LOVE Svelte.

Collapse
 
seanmclem profile image
Seanmclem

How does svelte handle css?

Collapse
 
mateiadrielrafael profile image
Matei Adriel • Edited

U just use a <style> tag (and it scopes it automatically)

Collapse
 
seanmclem profile image
Seanmclem

Nice. Does it support separate files? If that's your thing

Thread Thread
 
mateiadrielrafael profile image
Matei Adriel

Tbh i have no idea

Thread Thread
 
doomd profile image
Doomd
Collapse
 
mackelito profile image
Markus Thiel

To make it more fair should not styleUrls: ['./hello-world.component.css'] be removed?

Collapse
 
juancarlospaco profile image
Juan Carlos

Svelte is superior and a better saner approach with more future-proof concept.
I prefer Nim tho.

Collapse
 
diogenespolanco profile image
Diógenes Polanco

I love that way of developing man.

Collapse
 
mauro_codes profile image
Mauro Garcia

Thanks! 😄