@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.
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!
I was porting a personal project over from old Svelte (3/4) to 5, I wish i watched this video first, gosh, it's got everything you need to know! But feel free to make a tutorial on page transitions, both the old way and the View Transitions API please 🙏
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😅.
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
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.
I would like to know more about state that is coming from multiple child components. I'm the typical backend dev that needs a frontend ;). And had a really hard time to get the state correct in a "edit product" it is basically a big form but split into component’s and those could have components as well. (like table and row).
@@syntaxfm Saas starter kit with multi-user accounts featuring Signup, email activation, reset password, login/logout, creating an organization, and adding new users to the account via invitation emails.
@@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.
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.
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!
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.
![Twenty One Pilots - The Line (from Arcane Season 2) [Official Audio]](http://i.ytimg.com/vi/XCz7WUotXs8/mqdefault.jpg)
Please create more videos about svelte 5
Thanks! Hope for more advanced course in Svelte 5/Sveltekit. 🔥
+1
This is very helpful for me, a Svelte5 beginner. Thank you Scott & Syntax. 🙏
@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.
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!
It was released yesterday...on svelte summit October 19 th
@@BhideSvelte I guess that explains why I never heard of it. 🤣
I was porting a personal project over from old Svelte (3/4) to 5,
I wish i watched this video first, gosh, it's got everything you need to know!
But feel free to make a tutorial on page transitions, both the old way and the View Transitions API please 🙏
Thank you! More coming.
Svelte 5 just released! Woohoo! I am definitely looking forward to more Svelte 5 videos from Scott
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😅.
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.
@@syntaxfm great can't wait for it thanks.
What's Zero?
I'm upgrading from Svelte 4, and this tutorial is making it very easy to do so. Thanks!
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
Thanks for the tutorial, definitely looking forward to advance Svelte 5 + Sveltekit tutorial. 🔥
great, I'm looking forward for intermediate or advanced videos of svelte 5 or even svelteKit after it newer version released
tnx i watched this and it was very handy .. cuz all other learning courses are from svelte 4
Glad to hear it. More on the way
@@syntaxfm one thing that i like to mention is ... we prefer to watch 3 30 mins video like part 1 part 2 part 3 than one long time ..
Looking forward for more tutorials on Svelte
Thanks for this Scott 🙏 Hoping for a lot more Svelte 5 content in the future!
happy to see class coming back. Thanks!
Thanks for the tut! More intermediate svelte videos please
Awesome!!!! I hope the advance course!
Def will be coming.
Thanks for the video! Also enjoying the theme🙏. Does anybody know the font he is using?
Theme is Syntaxfm. Font is MD IO (Mass Driver IO)
This channel is on fire 🔥🔥🔥
🙌
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.
Can we get more in depth on state, state management, how to handle app wide, shared state?
Absolutely
I would like to know more about state that is coming from multiple child components. I'm the typical backend dev that needs a frontend ;). And had a really hard time to get the state correct in a "edit product" it is basically a big form but split into component’s and those could have components as well. (like table and row).
Nice extension , i like that things
Thanks Scott!
Your ultra-minimal browser looks amazing for dev and videos, what is it??
Arc Browser
@@syntaxfm Heck yep!! Developer mode, I had no idea that was a thing. Thanks for reply 🙏
I found Svelte5 official docs difficult to understand. Thanks for the video.
finally we can use {type} in a input
Very amazing
Awesome! Thank You 🎉
if both "npx sv create" and "pnpm create vite" ask you what you want to use, what is the difference?
Nice stuff, even you are haunted by vscode popups when you select text, make it stop!
I swear I've turned them off 100 times.
NICE!!!! thanks for this
Does SvelteKit with Svelte 5 support Deno 2, or is it too early given that Deno 2 was just released?
It does. I believe you just use the Deno adapter and you are gtg
Let’s build a cool project with svelte5 , there’s not many good project based tutorials on RUclips.
What kind of project would be interesting?
@@syntaxfm a type of SAAS project or a clone. There’s a ton on next js but haven’t seen any svelte based Saas projects yet.
@@syntaxfm Saas starter kit with multi-user accounts featuring Signup, email activation, reset password, login/logout, creating an organization, and adding new users to the account via invitation emails.
I notice that sometime the component header was loaded twice in the rendering page (npm run dev) Is this a bug in svelte5 ?
is remix on the list?
Excited!
Let’s go!
Next course with Deno + Svelte 5
bun + svelte 5 is better
Why? @@winfredj9820
@@winfredj9820 Bun is biter 🤣
@@winfredj9820agree
No, until bun supports Next.js 😁
What theme do you use in your editor?
Syntax FM
Why doesn't Sveltekit use island architecture ?
Great question. Let’s have Rich on the show again and ask him.
How long is the course?!? I wanna block my calendar so no one bothers me. HELP!!!
If it's longer than four hours I'll be shocked.
1.5 hours ish.
@@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.
@@smithdoesstuff brown noserrr
@@pookiepatsI hope that was sarcasm, didn’t think being excited for content was brown nosing
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.
Navigate the list with arrow keys and select an entry via spacebar. Then you press enter 😊
Who is the teacher?
It doesn't matter 😅 all of them are good.
Scott. He's done a bunch of Svelte courses for Level Up Tutorials going back to Svelte 3
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.
In the most simplified way to relate. Svelte is React. SvelteKit is NextJS
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!
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.
@@prashlovessamosa Joy of Code is the man!
Why didn't they go with
# if
#else
#endif
sveltekit wen?
hmm i can see why some people hate the runes
What part makes you feel that way
sir, font name plz
so basically snippets are just inline components.
Yep!