How I made a website with Svelte • Hacker News Board

Re: How I made a website with Svelte

#41

Post by deltron3030 » Sat, Dec 28, 2019, 5:11 PM UTC

I dig the simplicity, but why didn't you use Sapper?

https://sapper.svelte.dev/

(Next.js/Nuxt pendant based on Svelte, can also be used as static site generator).

Re: How I made a website with Svelte

#42

Post by amelius » Sat, Dec 28, 2019, 5:12 PM UTC

How well would your setup handle larger amounts of data (say 10x, 100x, 1000x)? Would Svelte be able to handle it? What would you have to change in your design? At what point would you have to replace the entire architecture?

Re: How I made a website with Svelte

#43

Post by crtlaltdel » Sat, Dec 28, 2019, 5:21 PM UTC

Svelte looks interesting, however I must say that when I saw stuff like `{#if value} stuff {/if}` it really was a turn off for me. One thing I really like about React is the lack of template logic like that. This was something I never cared for in Angular 1 either. I am sure that there are many advantages to it...its just never really resonated with me. Can anyone point to material that could help me understand the value?

Re: How I made a website with Svelte

#44

Post by _-___________-_ » Sat, Dec 28, 2019, 5:25 PM UTC

karmakaze wrote: post #31

83hajfjeijg wrote: post #21

https://bestof2019.johanronsse.be just shows an empty page. (oh how far we've come - a simple best of list requires javascript)

Thanks for the quick link. Complaining about a web page not working with js disabled is just noise, especially on a 'made with {framework}' post.

I tend to agree; however, it's really easy to make a site like this work without JS.

Edited to add: to be clear, I mean while still using the framework.

Re: How I made a website with Svelte

#45

Post by ng12 » Sat, Dec 28, 2019, 5:25 PM UTC

crtlaltdel wrote: post #43

Svelte looks interesting, however I must say that when I saw stuff like `{#if value} stuff {/if}` it really was a turn off for me. One thing I really like about React is the lack of template logic like that. This was something I never cared for in Angular 1 either. I am sure that there are many advantages to it...its just never really resonated with me. Can anyone point to material that could help me understand the v…

Same, I really don't like the mental overhead of having to learn the template syntax. I already know JavaScript, just let me use that.

Re: How I made a website with Svelte

#46

Post by sibeliuss » Sat, Dec 28, 2019, 5:25 PM UTC

crtlaltdel wrote: post #43

Svelte looks interesting, however I must say that when I saw stuff like `{#if value} stuff {/if}` it really was a turn off for me. One thing I really like about React is the lack of template logic like that. This was something I never cared for in Angular 1 either. I am sure that there are many advantages to it...its just never really resonated with me. Can anyone point to material that could help me understand the v…

I agree. Some argue that this kind of template syntax makes it easer for html folks to write logic, but really what it's doing in the long run is introducing yet another abstraction for them to learn while also poorly assuming that they "can't learn JS". Teach a person how to fish... I think the real reason, however, is that it allows for easier compiler-level optimizations.

Re: How I made a website with Svelte

#47

Post by BiteCode_dev » Sat, Dec 28, 2019, 5:26 PM UTC

crtlaltdel wrote: post #43

Svelte looks interesting, however I must say that when I saw stuff like `{#if value} stuff {/if}` it really was a turn off for me. One thing I really like about React is the lack of template logic like that. This was something I never cared for in Angular 1 either. I am sure that there are many advantages to it...its just never really resonated with me. Can anyone point to material that could help me understand the v…

It normalizes the way templates are coded and forces people to put minimal logic in their rendering.

In react, there are as many ways to do the same things as there are coders. And of course, some don't follow best practices and will put logic code in it.

Personnally I also find it easier to picture the resulting DOM structure because the stylee is forced to be declarative. Too often in react I have to look around a tag to know whats hapening, or I have to follow some nested map/filter/ternary chaining.

Very good react coders will not do that. They will use a lot of tooling and abstract formatting a lot. But they are few.

Re: How I made a website with Svelte

#48

Post by indigodaddy » Sat, Dec 28, 2019, 5:29 PM UTC

Some nice musical choices in the top music. Big Thief produced two amazing albums in 2019. Glad to see Balthazar mentioned. They don't get nearly enough love, especially in the US. Also, to note, the ratio of quality musical bands to population in Belgium is second to none in my opinion. One of my favorite bands is Intergalactic Lovers. One of the best female lead singers around..

Re: How I made a website with Svelte

#49

Post by diminish » Sat, Dec 28, 2019, 5:32 PM UTC

Does svelte have any traction recently? Any big names using it?

Re: How I made a website with Svelte

#50

Post by sergiotapia » Sat, Dec 28, 2019, 5:35 PM UTC

Tried Svelte and it seemed really concise and fun to work on, however I really miss being able to format on save with Prettier in React.

Is there an auto formatter that makes my code shift around and have one-true-style? This is a most for any long lived project as it avoid all bikeshedding discussions about style. We use Prettier for JS, and mix format for Elixir, at work.