Svelte Crash Course

In this video we will scratch the surface with the Svelte and look at how to set it up and create a simple user interface

Sponsor: DevMountain Bootcamp

Code:

💖 Become a Patron: Show support & get perks!

Follow Traversy Media:

[TraversyMedia]

This is an introductory crash course. I am really digging Svelte and plan on doing a series soon. Enjoy 😊

[MuykeOfficial]

Here we go again... "We are looking for Senior Svelte Developer with minimum 10 years of experience."

[rja]

First framework since React that has made me excited.

[MikeNugget]

Wow, I was missing Svelte all this time, it is so simple and efficient, this is it

[sckoobs]

Your crash courses are always my go-to video when I’m curious about new stuff. Short, to the point, no nonsense. Keep up the good work!

[yayz_]

I really like the transition into letting us pause the video and trying it out ourselves right after you showed us how to do something similar, it made the video more interactive ! Thanks!

[MatiasAlibertti]

I've started using svelte in a small project for the company and I really like it.

[jsonkody]

When I've tried Svelte3 it was about three days out and it blewed my mind :) ... mostly by it's nice and simple syntax, small bundle size and speed.
I was curious if some big names will feel it same way and then video from Fireship came out. Then course from Academind and now Traversy. Nice. So svelte might change the status quo of world of JS frameforks after all.

[mhezzetjr]

best advantage is app size its 8k app, if we make it with anther framework it will cost minimally like 50k

[AS-zwlk]

Thanks for putting this on my radar Brad - doing the away with virtual dom diffing and shifting the framework into the compiler seems like an interesting idea. Almost effortless coming from react/vue - I've played with Stencil but this seems 'fun-ner'! Thanks.

[JKaromo]

I love all your content.. You've inspired me to be a developer. Much love from Kenya.

[JaganGanti]

I finished your vuejs crash course today and came across this few hours later. Just when I thought vue is the future, pleasantly surprised with this. I'm going to invest time in learning this more. thanks!

[unboxkarunadu]

after long time i m hearing your voice brad i felt suddenly these many days i m missing him... Really u r my guru(teacher) to solve lot of queries and land into good job
thanks brad love from Bharatha(India)..

[BruceOnder]

You keep setting the standard for crash course tutorials. Well done!

[menemelkatan]

I love svelte too much, and I will train on it a lot to become a professional with it. thanks a lot for that awesome tutorial.

[Almighty_Flat_Earth]

While adding/removing elements you can use "in" and "out" attributes for animation, which will look more pleasing to our eyes.

[ridwanajibari]

thanks Brads, btw i love at 24:01 my point is you create this video directly without cut anything. it's so human.

[shmusiccomp]

Thanks, Brad. Great as usual. Just to add, preventDefault also works like this in Svelte: <form class="grid-3">

[navimaia]

For anyone following along with this tutorial, I found that the dom wouldn't update properly if I didn't add a key to the #each loop as in `{#each players as player (player.name)}`. Again, in prod apps, use an id instead of passing a name.

[CodingPhase]

Yea svelte my new favorite framework nice video! The king of the crash courses killing it again!