this post was submitted on 08 Jul 2023
10 points (100.0% liked)

Svelte + SvelteKit

528 readers
1 users here now

Svelte is a JavaScript framework for building user interfaces (UIs) that compiles your code into efficient JavaScript during the build process, resulting in better performance and smaller bundle sizes. Svelte focuses on reactive programming, where UI components update themselves when data changes, eliminating the need for a virtual DOM. Svelte Kit is an extension of Svelte that adds features like routing and server-side rendering, simplifying the creation of full-stack web applications. It provides file-based routing and supports server-side rendering, enabling faster initial page loads and improved search engine optimization. Svelte Kit combines client-side Svelte components with server-side rendering and serverless functions for a seamless development experience.

founded 1 year ago
MODERATORS
 

The official interactive tutorial was the way I initially learned Svelte, and it's seen some highly-impressive improvements over the past year. Perfect place to start if you're curious about Svelte!

What were the YouTube channels, tutorials, articles, or other resources that helped you learn Svelte?

top 4 comments
sorted by: hot top controversial new old
[–] [email protected] 6 points 1 year ago* (last edited 1 year ago)

The main Svelte site is 10/10 for me - it's really worth spending the time to go through it from front to back.

Carbon Components Svelte is an amazing set of UI components, which uses IBM's Carbon Design System. Not only does it let you put together really professional-looking UI's effortlessly (I use it for all my admin areas!), but it is really well made and documented. It's taught me a lot about how to break things up into discrete, reusable, inter-linking components.

But really, as with most things, it's setting yourself a goal and learning everything you need to achieve it. For example, I set myself the goal of creating a Virtual Tabletop (VTT). I have no need for it and no intention to release it, but I learnt so much doing it.

EDIT: Also, go and read all the Vite documentation; a lot of what I thought was SvelteKit was actually Vite, and after having spent time learning it SvelteKit is much less of a magic box to me now!

[–] [email protected] 4 points 1 year ago
[–] [email protected] 3 points 1 year ago

I agree with all above commenters. The svetle site is a must resource. I would add some creators that have some good content like hartenfellerdev and WebJeda to a list with nice content, and SvelteRust for a diffrent backend then node. And last but not least one of the maintainers of svelte lihautan

[–] [email protected] 2 points 1 year ago

Huntabyte has some great tutorials!

load more comments
view more: next ›