Let's say that you want to add some interactive feature to the frontend of your site. You could of course use vanilla JS for that if it's something simple. But if you need to build something more complicated you would probably reach for some sort of frontend framework.

Now if you want to use Vue for that, that would be pretty simple, you could just call Vue with script tags to your page and immediatley start using it. Unfortunately that can't be said for Svelte. Because Svelte is a compiler, you would need to add a build step to your build pipeline. So in this episode I'm going to show you how to do that using Gulp and Webpack.

In this episode I'm going to show you how to add Svelte to your existing site using Gulp and Webpack.

How To Add Svelte To Your Site?

So we have already talked about Svelte 3 [in this video](https://watch-learn.com/dev-tools/svelte-3-kind-awsome). Now, Svelte 3 has a framework that is similar in concept and architecture to the frameworks from the big boys, like Next.js for React or Nuxt.js for Vue. This framework for Svelte 3 is called Sapper and we are going to take a first look at it in this episode.

In this video we are going to take a look at the Sapper framework for Svelte 3

Sapper For Svelte 3 - First Look

So Svelte made some waves past week with it's release of version 3. And I'm not surprised, because this thing look really great, like really great...

It's a framework kind of like Vue or React. But with one very important difference - it doesn't use Virtual DOM which makes it very fast. Oh, yeah, and it's also a compiler, so it doesn't have any dependencies once you build it. Great stuff!

In this video I wanna talk a bit about Svelte 3 and also show you a few code examples from this awesome JavaScript framework

Tutorials tagged with: svelte 3

Get in touch