I started web dev with svelte (after no code and vanilla). I loved it. Now I've been working with react for a while. Now I love svelte even more!
@andrewthomas39472 ай бұрын
Same journey. But doesn't tried react.
@codingwithjamalАй бұрын
i love svelte. it feels like normal html but with super powers
@DaddytronicsАй бұрын
Svelte is heavenly. React is a nightmare
@MadeInJackАй бұрын
Can't wait for more Svelte 5 videos 😄 Maybe a full series with best practices to build, organize and manage large codebases?
@HuntabyteАй бұрын
Noted!
@MikeHTMLAllTheThings2 ай бұрын
I actually love the idea of having the basic layout structure in place and then allowing others to try it however they like or follow along. Cool way to handle a tutorial.
@HuntabyteАй бұрын
I'm glad to hear that! Was very curious how it would be received, so far, so good!
@MadeInJackАй бұрын
+1
@smallSkrrtBigDreams2 ай бұрын
This was so easy to understand, what a nice introduction to the new Svelte features! And having the examples be part of a larger context and not isolation makes it much easier to follow along. I've watched a lot of your videos, you are literally the reason I decided to learn Svelte, so thanks a bunch for all your work.
@HuntabyteАй бұрын
Thanks for the kind words! Happy to hear that this was easy to understand!
@ridass.71372 ай бұрын
17:43 I think if there is a separate remove button, the decrease button should always be disabled and not remove the item when the current item quantity is 1. This would also prevent accidental removal of the item if, for example, you have added too many and then spam the decrease button to reduce the quantity, failing to stop at 1.
@Huntabyte2 ай бұрын
Yeah I think I agree with you there from a UX perspective in retrospect!
@devbyveritechАй бұрын
@@Huntabyteremoving the item from cart when it’s less than 1 is very okay. Where I think the decrement button should be disabled is in the checkout page. But in the case of cart, it’s okay to remove the product
@NicholasMaietta2 ай бұрын
This is crazy good. This opened my eyes to Svelte 5's runes. Thank you. (Yes, make more videos, please)
@JoyofCodeDev2 ай бұрын
let's go 👏
@benjaminjameswallerАй бұрын
Love this tutorial on Svelte 5. Please do more to expand on these new concepts and in this shopping cart ui. Also I noticed you might want to cover the situation where when you added the same item more than once, the cart got a duplicate entry = it didn't just add one item with a count of two it added the same item on as separate entry.
@RicardoCamisa2 ай бұрын
Svelte 5 is crazy good!
@Huntabyte2 ай бұрын
Right?! I feel this weird excitement when writing it and it just feels so natural already!
@codewithguillaume2 ай бұрын
Ahhhhh feels good to see you again Hunter !
@pasokoner2 ай бұрын
13:45 This technique alone makes the video worth watching
@roycrippen9617Ай бұрын
Definitely. This week I started transitioning the codebase at work to svelte5 and I ran into this exact issue. It took me like 30 minutes to figure out how to fix it. I wish I had seen this video before I stumbled on that problem.
@bloozy85Ай бұрын
I like svelte, but js frameworks time running out soon, it's obvious. Too much stuff going on and actually all of them seem to go into same direction and do the same stuff under the hood with different syntax and compilers. It's so nice to work with web components and JSDoc, and everything runs out of the box and natively. Just push your build on your webspace ... boom! No need for fancy serverless build & deploy services. What i actually really like tho, is a wordpress backend with a vanilla stack frontend. It so dead simple and works for most small and mid sized businesses.
@silvankueblerАй бұрын
not really a technique but just a widely used convention also e.g. very loved in the python communtiy
@VeriousSmithIIIАй бұрын
I'm just getting into building Javascript Apps because of Svelte. Been a WordPress dev most of my professional life. This video was helpful. Thanks for sharing. Looking forward to more!
@HuntabyteАй бұрын
Glad it was helpful! More on the way!
@adriablancafortАй бұрын
Amazing video as always! I really love your content. I've noticed there isn't a good video explaining all the i18n options for sveltekit available and comparing them. It could be a good idea for a future video and I'm sure that your audience would be very interested to see it.
@HuntabyteАй бұрын
Noted!
@francoisbouchet9907Ай бұрын
Iam always struggling to understand documentations, so practical is the only way I manage to learn code..., this video is very helpful to onboard Svelte5 and runes subtleties... don't hesitate to publish some more! thanks! -- NB: I particularly like that you let the usual "errors / mistakes" happening on the go.... many youtubers edit them out, but they then lack an opportunity to explain what can go wrong and make us rethink our bad habits.
@HuntabyteАй бұрын
I'm glad to hear that you found this useful! Will continue to publish more!
@henoknigatu71212 ай бұрын
Hi , I really enjoy your SvelteKit tutorials! I was wondering if you could create a more comprehensive tutorial that covers most of SvelteKit's features in an integrated manner. Many tutorials out there are quite discrete and don't show how to use various features together. It would be incredibly helpful to see a full-fledged example with best practices and advice on how to structure a project. Thanks for considering this, and keep up the great work!
@emyralunthomasАй бұрын
Learned a ton about Svelte 5 from this video - thank you! Would love to see a follow up showing how to filter products by category
@HuntabyteАй бұрын
Glad to hear that!
@supercurioTubeАй бұрын
That was awesome. I selected Svelte 5 for my next project, for which I haven't started to write the UI yet and seeing your concrete implementation was super informative.
@HuntabyteАй бұрын
That's awesome to hear! I have some more videos queued up on additional UI and state patterns as well!
@aawnuАй бұрын
Great video that perfectly introduces the new runes and workarounds. Learned a lot, thanks!
@HuntabyteАй бұрын
I'm glad to hear that, thanks for the feedback!
@zsmain2 ай бұрын
This was very informative, looking forward for similar videos.
@Huntabyte2 ай бұрын
Awesome to hear! Looking forward to making them!
@vinseixas5662Ай бұрын
I'm new to Svelte and looking curiously towards Svelte5. I've been following your guides and videos, plus using the shadcn-svelte you worked on. All of the stuff that comes out of this channel is such high quality.
@HuntabyteАй бұрын
Hey I appreciate the kind words, I appreciate it! Svelte and its community has been nothing short of incredible! The only bad thing is once you give it a chance, you'll never want to use something else 😂
@paulclarke40992 ай бұрын
Would love you to show the best approach to handle state in a Svelte5/SvelteKit multi user application so that state is completely isolated for each user since Stores alone are not the proper approach when using SvelteKit, using Context API or whatever is the best way to do this. No videos seem to show the best way to do this (you did touch on it in an earlier video) but I would like to see it in more detail with very clear explanations of why to do it that way. Your videos a really great and you have the ability to clearly and succinctly explain things 💯😃👍
@Huntabyte2 ай бұрын
Thanks for the kind words! That’s absolutely something I can do!
@pfcycletechnology706420 күн бұрын
What a great idea. I struggle with that in sveltekit too. If there's someone who could/should get the credit for creating such an informative sveltekit tutorial, it should be here on this channel.
@pfcycletechnology706420 күн бұрын
@@Huntabyte Just a suggestion. Moving this shopping cart into a sveltekit project and add user authentication so each cart belongs to a user. That would be informative. So leave this project as is, with svelte5 and start another project in sveltekit with shopping cart and user authentication. Doable? ;)
@alittlegreyhair1104Ай бұрын
A really useful video, thank you. In the first part I found all that tailwind markup confusing the picture where the SV-5 action was happening. 'Looking forward to learning more from you.
@HuntabyteАй бұрын
You're welcome, and thanks for the feedback! I forgot to zoom in a bit on the code which caused more of the clutter to be in the way. In the next installment I've cleaned it up a bit and made the code a big bigger.
@alittlegreyhair1104Ай бұрын
@@Huntabyte Look forward to it :)
@johnwu8916Ай бұрын
This was super helpful. I would love to see a tutorial on how to apply some OOP concepts leveraging runes, like how best to encapsulate all the methods and properties inside the model and be able to import it to support universal reactivity. That might be helpful for supporting larger code bases or complex web apps. Thanks! (PS: I am new to front-end dev, and mostly my experience is writing server and other backend codes, so if there is another path to manage complex relationships between objects in svelte/javascript/typescript, I am all ears 😃)
@HuntabyteАй бұрын
A video on just that will be uploaded either this weekend or early next week!
@MM-uf6ktАй бұрын
This would be a great series!
@Nukhtarov2 ай бұрын
I liked it. Would love to see more like this. Thank you Hunter
@HuntabyteАй бұрын
More to come!
@gageracerАй бұрын
Not only I liked the video, this could be a great practive/quiz website "make this page reactive with svelte/solid/react". I love programming as if it's a puzzle.
@anfytrion2 ай бұрын
What a great demo of Svelte 5 powers
@Huntabyte2 ай бұрын
Thank you! I’m glad you think so!
@Loui3HunnaАй бұрын
Great as always! Would very much like to see more Svelte 5 API examples :)
@HuntabyteАй бұрын
More to come!
@d4yno2 ай бұрын
Absolutetly awesome in depth tutorial.
@HuntabyteАй бұрын
Thanks for the kind words!
@vexkiddy2 ай бұрын
Great video Hunter!
@HzClan2 ай бұрын
Nice video as usual, can't wait to see the filters in action in the next video!
@memestagestartup2 ай бұрын
been waiting for your new vids to drop...🥳🥳
@Huntabyte2 ай бұрын
Me too! Took me a while to realize these videos won’t great themselves! 😂
@Terr5902 ай бұрын
Love the practical approach in this video, thanks!
@Huntabyte2 ай бұрын
Glad to hear it! These videos are much more enjoyable to make!
@jmoo4457Ай бұрын
I think this is a great overview of Svelte 5 runes, but in a real practical application, i would try to divide up the shopping cart logic (add, remove, etc.) into its own so that the logic does not live at UI component levels. Would be cool if you can cover a video on abstracting state and its logic in Svelte something like React's custom hooks so that the logic could be used like `const { add, remove, modify } = $cart` abstracted into its own module.
@HuntabyteАй бұрын
Yeah I already have one queued that covers just that 😁
@BhideSvelteАй бұрын
Two Ways To Mutate 1. only owner can mutate the array, obj in Main component 2. if childs want to mutate they should use bindable ..new concept.. or else just pass the function to child component ...every main logic stays in Main Component and you can mutate good one Thankss
@Add0w2 ай бұрын
This is really excellent explanation, thank you.
@Huntabyte2 ай бұрын
This is great feedback! Thank you!
@AB-gx5zjАй бұрын
Nice video (more on S5 please)!
@HuntabyteАй бұрын
More to come!
@adamjennings4797Ай бұрын
Great video, very easy to follow.
@HuntabyteАй бұрын
Thank you! That's great to hear!
@lemnisk82 ай бұрын
Thank you.... Please make more of such videos...
@twentxx2 ай бұрын
Thank you so much! 🙏 Your videos has very useful practical knowledges. Love it
@Huntabyte2 ай бұрын
You’re welcome! Glad you like this format!
@anuragsingh-ts3nb15 күн бұрын
@huntabye its great how u explained the concept, was struck in a issue what iff, on scroll i have to load more products how that can be handled if you can provide a snippet of a way to go, as currently the data is loaded from a API endpoint in page.ts load function
@devbyveritechАй бұрын
I love this More of it please
@KevinMacKenzie61Ай бұрын
Fantastic video. Thanks!
@HuntabyteАй бұрын
Thank you, Kevin! Appreciate you being a member for almost 1.5 years now, means a ton!
@KevinMacKenzie61Ай бұрын
@@Huntabyte While I appreciate you thanking me for being a member, I wish I could actually pay you what you have taught me is worth. While there are other great teachers on KZfaq, no one helps me grasp things like you do.
@joshua.hintze2 ай бұрын
Nice video. I would love to know of other good cases to use an effect. Thanks!
@Huntabyte2 ай бұрын
You got it!
@riigel2 ай бұрын
more videos like this!
@WLockIV2 ай бұрын
Is it just me or is the derived update more intelligent now? I feel like old derived would have triggered an update each time anyway. Thanks for the video!
@user-bl3dd1rj8y2 ай бұрын
great stuff looking forward to seeing more videos on svelte 5
@Huntabyte2 ай бұрын
Glad to hear it! Looking forward to delivering more!
@robimalcoАй бұрын
mind blowing expertise
@HuntabyteАй бұрын
Thanks Robi!
@BhideSvelte2 ай бұрын
It took sooo long...i was waiting...love from India ☺️☺️
@Huntabyte2 ай бұрын
Me too… I just realized these videos won’t create themselves!
@8-P2 ай бұрын
I enjoy watching your videos, thanks alot for this :)
@Huntabyte2 ай бұрын
I appreciate the kind words! Happy to do it!
@omargarcia7900Ай бұрын
Can you do a few videos on Keras and TensorFlow, please? :) Great content on your channel from what I've seen so far!
@herkulano2 ай бұрын
Thanks!
@Huntabyte2 ай бұрын
Hey thanks a ton for that! I appreciate it!
@n3x404Ай бұрын
love it 🥰
@kson2659Ай бұрын
Thanks mate!
@bnjmn7779Ай бұрын
Would be interested to see how to connect this to a backend to save the cart of a user.
@SaidElnaffar2 ай бұрын
Liked and Subscribed for sure.
@Huntabyte2 ай бұрын
Thank you!
@deepjyotideb11732 ай бұрын
How slow exactly is a reducer? Does using it make it visibly slower?
@Huntabyte2 ай бұрын
It’s many times slower than a loop. Using it in one single place may not create a noticeable difference, but when it’s used many places it can really add up. So for that reason I try to avoid it!
@ElGnomisticoАй бұрын
Pleaaaase make more of these
@JacobDuenke2 ай бұрын
Hey, just wondering why do you seem to always use “const” for derived variables, but “let” for state variables?
@imho79922 ай бұрын
They’re not editable and they are read only.
@JacobDuenke2 ай бұрын
@imho I’m familiar with const, just wondering what’s the implications with $derived. The values do change of course, so I would assume you’d need to use let, at least for primitive values. You could get away with const for reference types.
@Huntabyte2 ай бұрын
I use const because _i_ can’t update that value, not that it doesn’t ever update. Whereas with $state I can - just a preference!
@xtheslyАй бұрын
Shouldn’t a cart be managed with sveltekit using session and/or db ?
@HuntabyteАй бұрын
Of course, but as mentioned in the video, we're focused on the frontend / interactivity rather than the full stack in this video. To integrate it full stack you would just add a few API calls into the mix but the general idea remains the same.
@nevillebremАй бұрын
what extensions makes your +page.svelte files to folders?
@HuntabyteАй бұрын
It's not an extension but a VSCode setting! "explorer.fileNesting.patterns". I haven't added these settings to my settings repo just yet, but in the meantime you can search "antfu vscode settings" to find comparable ones.
@nevillebremАй бұрын
@@Huntabyte thanks!
@nigelnyakudya2262Ай бұрын
We need a rewrite for morden Saas in svelte 5 brother.
@HuntabyteАй бұрын
It's coming man! Svelte 5 is still in RC and Bits UI still has some work to do so it's ready to be added into the course as well 😃
@mikejohneviota9293Ай бұрын
Decaprio is programming again
@RicoGarza005 күн бұрын
Svelte 5 is so much more confusing as a beginner.
@greendsnow2 ай бұрын
Can't look at it, my eyes hurt. Css please.
@Huntabyte2 ай бұрын
Never
@joseflinhaАй бұрын
Great video, but why name files for components differently than the name of the component itself? CartItem vs cart-item.svelte please CartItem.svelte
@HuntabyteАй бұрын
You should look into the annoying things that can arise with git and OS discrepancies depending on how they handle file name case sensitivity. I use kebab case for that reason, but also because it's what I like to use and what I'm most comfortable with. Feel free to use what suites you best!
@joseflinhaАй бұрын
@@Huntabyte Yes, there is a Git setting core.ignorecase for that. If you like such a name... 🙂