It‘s insane how good this course is. Clear explanation, not to slow, good examples and up to date. And above all, not filled with ads every 2min. Thank you so much, this is to good to be true.
You may or may not see this but this is my first time learning a framework. Your instructions and the way you teach is very understandable from a beginner's standpoint and I appreciate the work!
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!
This is a fabulous video! Very well spoken and I love the explanations and the way you cover various ways of doing the same thing (while explaining the differences behind it). 5 out of 5 - great job!!!!!
Great course! One small request for the next ones: please put the browser window in dark mode with Dark Reader or something similar? Two hours of that white is really exhausting. Thank you! Liked and subbed, love the podcast too.
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😅.
@@syntaxfmI look forward to zero local first series and more advanced Svelte 5 videos. I like the direction of these ideas. This will make for an easy way to build some real nice apps. Thank you for sharing!
@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.
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 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 🙏
@@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 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).
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.
@@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.
It‘s insane how good this course is. Clear explanation, not to slow, good examples and up to date. And above all, not filled with ads every 2min. Thank you so much, this is to good to be true.
Sincerely appreciate it. More on the way.
You may or may not see this but this is my first time learning a framework. Your instructions and the way you teach is very understandable from a beginner's standpoint and I appreciate the work!
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. 🙏
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. 🤣
Svelte 5 just released! Woohoo! I am definitely looking forward to more Svelte 5 videos from Scott
This is a fabulous video! Very well spoken and I love the explanations and the way you cover various ways of doing the same thing (while explaining the differences behind it). 5 out of 5 - great job!!!!!
Thank you
This video has taught me I want to use JSDocs instead of typescript. Plus svelte 5 is cool
Thanks for the tutorial, definitely looking forward to advance Svelte 5 + Sveltekit tutorial. 🔥
Great course! One small request for the next ones: please put the browser window in dark mode with Dark Reader or something similar? Two hours of that white is really exhausting. Thank you! Liked and subbed, love the podcast too.
I'm upgrading from Svelte 4, and this tutorial is making it very easy to do so. Thanks!
This channel is on fire 🔥🔥🔥
🙌
Thanks for this Scott 🙏 Hoping for a lot more Svelte 5 content in the future!
Thanks for the tut! More intermediate svelte videos please
happy to see class coming back. Thanks!
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?
@@syntaxfmI look forward to zero local first series and more advanced Svelte 5 videos. I like the direction of these ideas. This will make for an easy way to build some real nice apps. Thank you for sharing!
@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.
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
Looking forward for more tutorials on Svelte
Awesome!!!! I hope the advance course!
Def will be coming.
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.
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 ..
great, I'm looking forward for intermediate or advanced videos of svelte 5 or even svelteKit after it newer version released
Awesome! Thank You 🎉
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 😊
This is greatly helpfull :-)
Very amazing
Thanks Scott!
Nice extension , i like that things
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.
@@pookiepatsI hope that was sarcasm, didn’t think being excited for content was brown nosing
@@pookiepats nah! Just can’t ever tell on YT, we good.
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)
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.
finally we can use {type} in a input
If I wish to use class-based state management (state with classes) do I need to use TypeScript or can I simply use JavaScript?
JS is fine
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
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).
I notice that sometime the component header was loaded twice in the rendering page (npm run dev) Is this a bug in svelte5 ?
Next course with Deno + Svelte 5
bun + svelte 5 is better
Why? @@winfredj9820
@@winfredj9820 Bun is biter 🤣
@@winfredj9820agree
No, until bun supports Next.js 😁
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 🙏
if both "npx sv create" and "pnpm create vite" ask you what you want to use, what is the difference?
What theme do you use in your editor?
Syntax FM
Can we get more in depth on state, state management, how to handle app wide, shared state?
Absolutely
I found Svelte5 official docs difficult to understand. Thanks for the video.
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.
is remix on the list?
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 doesn't Sveltekit use island architecture ?
Great question. Let’s have Rich on the show again and ask him.
Let’s build a cool project with svelte5 , there’s not many good project based tutorials on UA-cam.
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.
Excited!
Let’s go!
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
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!