Svelte 5 Basics - Complete Svelte 5 Course for Beginners

[@arvi8843]

Thanks! Hope for more advanced course in Svelte 5/Sveltekit. 🔥

[@prashlovessamosa]

+1

[@usernamesSux9]

Svelte 5 just released! Woohoo! I am definitely looking forward to more Svelte 5 videos from Scott

[@naldiojoaquim8920]

Please create more videos about svelte 5

[@rudymundek]

I'm upgrading from Svelte 4, and this tutorial is making it very easy to do so. Thanks!

[@marlopainter8246]

I had no idea 'sv create' existed. I was using 'create svelte@latest' .... sv is way better. I used 'bunx' instead of 'npx' and it was the same. Since the video, it asks which package manager to use, and many are listed. I chose bun and it set it up with bun and even gave the bun commands at the end. I love Svelte! Thanks for the video!

[@BhideSvelte]

It was released yesterday...on svelte summit October 19 th

[@marlopainter8246]

@@BhideSvelte I guess that explains why I never heard of it. 🤣

[@IFIListen]

Thanks for the tutorial, definitely looking forward to advance Svelte 5 + Sveltekit tutorial. 🔥

[@tofu_u]

Thanks for this Scott 🙏 Hoping for a lot more Svelte 5 content in the future!

[@prashlovessamosa]

Mr Scott Please cover sveltekit too after this totally loved it please don't forget to complete this series as I am still rooting for the third video of local first series😅.

[@syntaxfm]

The third local first video was derailed by the soon arrival of Zero. I'll be redoing it with Zero very soon once it's released.

[@prashlovessamosa]

@@syntaxfm great can't wait for it thanks.

[@joloppo]

What's Zero?

[@suhaspai1180]

Can you provide your system setup? Your browser and terminal and the rest of your setup looks amazing!

[@smithdoesstuff]

How long is the course?!? I wanna block my calendar so no one bothers me. HELP!!!

[@isaacdruin]

If it's longer than four hours I'll be shocked.

[@syntaxfm]

1.5 hours ish.

[@smithdoesstuff]

@@syntaxfm nice! That’s the sweet spot of just enough information and attention span expiration. I’ve started with Svelte/kit using their docs but I’m wanting some more real world actual developer perspective on the basics.

[@pookiepats]

@@smithdoesstuff brown noserrr

[@smithdoesstuff]

@@pookiepatsI hope that was sarcasm, didn’t think being excited for content was brown nosing

[@AmanuelTadesse-w8m]

This channel is on fire 🔥🔥🔥

[@syntaxfm]

🙌

[@fennecbesixdouze1794]

@1:41:50 I can't even begin to explain to you how much nicer this is in Vue with just "ref". To get the most recent value it's just "name.value", to set it it's just name.value = "New Name". It's simple, easy, always consistent, doesn't require writing mountains of boilerplate setters and getters etc, and you can return "name" out in an object and destructure it too and it just works and doesn't lose reactivity. And if you want to expose only the API you want, that's easy too: you just write the getters and setters in that case. The point is that ref/reactive are the simple primitives on which you build other reactive "composables". Vue also has by far the best and most mature collection of pre-built composables in the "VueUse" project. Signals are the future, and the ref/reactive API is so much nicer DX than Svelte 5's mess of boilerplate getters and setters or Solid's array destructuring nonsense. Time for people to stop sleeping on Vue.

[@thedelanyo]

19:56 in Svelte, that name variable would be infered. So does it mean, there's no inference in Svelte 5 components? 🤔, Edit: this is now clearly explained, with default value. 37:15

[@2u841r]

Awesome! Thank You 🎉

[@lucasgiunta8874]

finally we can use {type} in a input

[@kanways8]

I love svelte and I have developed some apps using sveltekit. The main reason of not choosing svelte always is there are no UI libraries like shadcn. I know there is community maintained shadcn-svelte package but I don't much of a fan of it. Also I'm not good at design, I want to know is there any tips you can give me to boost my productivity with svelte while building the UI.

[@naldiojoaquim8920]

Very amazing

[@mylastore]

Does SvelteKit with Svelte 5 support Deno 2, or is it too early given that Deno 2 was just released?

[@syntaxfm]

It does. I believe you just use the Deno adapter and you are gtg

[@SDAravind]

Next course with Deno + Svelte 5

[@winfredj9820]

bun + svelte 5 is better

[@SWard-oe8oj]

Why? ​@@winfredj9820

[@Mr.BinarySniper]

@@winfredj9820 Bun is biter 🤣

[@ThatRandomDude914]

@@winfredj9820agree

[@2u841r]

No, until bun supports Next.js 😁

[@ok-alarm]

NICE!!!! thanks for this

[@syfenx]

Nice stuff, even you are haunted by vscode popups when you select text, make it stop!

[@syntaxfm]

I swear I've turned them off 100 times.

[@seenonmymind]

Stupid question: at 9:10 how did he select prettier and eslint without running the command? I press enter and it runs without selecting anything.

[@albertjoelbonilla]

What theme do you use in your editor?

[@syntaxfm]

Syntax FM

[@Aakash-j2e]

is remix on the list?

[@prashlovessamosa]

I have some confusion regarding svelte and Sveltekit Does Svelte have routing support as like we have react router for react Another question Svelte 5 is on the horizon. Shall we get Runes support in Sveltekit too after the stable release of Svelte 5.

[@syntaxfm]

In the most simplified way to relate. Svelte is React. SvelteKit is NextJS

[@isaacdruin]

Svelte does not have routing support, it's just the front-end portion. Chat just informed me that Svelte 5 was just released! Rich stated on his twitter that there will be an announcement blog post on Monday. SvelteKit does have full runes support!

[@prashlovessamosa]

I got it I was so confused I found the channel name joy of code I am learning svelte but had no idea about sveltekit but now I know that's nuxt for svelte " pages router ". Thanks again for the clarification.

[@isaacdruin]

@@prashlovessamosa Joy of Code is the man!

[@ThatRandomDude914]

Who is the teacher?

[@prashlovessamosa]

It doesn't matter 😅 all of them are good.

[@syntaxfm]

Scott. He's done a bunch of Svelte courses for Level Up Tutorials going back to Svelte 3

[@isaacdruin]

Excited!

[@Loui3Hunna]

Let’s go!

[@mepkn]

Why didn't they go with # if #else #endif

[@MrDevianceh]

sveltekit wen?

[@2u841r]

1:49:07 Make it public, please 😀

[@tom9380]

so basically snippets are just inline components.

[@syntaxfm]

Yep!

[@faridhoque4235]

sir, font name plz