Svelte 3 - Quickstart Tutorial (Getting Started With Svelte.js)

The front-end development world is changing very fast - new technologies and frameworks are being released constantly and sometimes it's hard to keep the overview.

If you're a web developer you have most probably worked with frameworks like Angular, React, Vue in recent months. Now a new star is arising which is gaining traction very fast and is for sure an alternative to these framework: Svelte!

Svelte brings a new approach to JavaScript-based web development: Instead of doing the bulk of the work in the browser (client-side), Svelte shifts that work to a compiler step which is done during development time. This means that no framework code needs to be delivered to the client. Instead Svelte is able to produce highly optimised plain JavaScript code which can be directly interpreted by the browser. No need of loading additional libraries and code to be able to run the web application.

This approach makes Svelte web applications very fast and efficient. In the tutorial you'll learn the Svelte basics. We'll go through every step which is needed to build your own Svelte web application from start to finish.

If you haven't heart about Svelte yet, that's the perfect tutorial to get started ... Let's get into it!

---------------------
Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

#svelte #sveltejs #webdevelopment #javascript #frontend

[HarshalHirve]

Thank you so much for starting this series. Very much helpful. Humble request, please complete this series & try to show us a CRUD app & as usual you explain in a very simple terms. That helps understand. Thank you once again. 😀

[damickillah]

To all you folks asking how do I, this video is just an intro. Do the legwork and venture out from here to figure out how to do these things that you're asking, on your own. The video is perfectly fitting what it was intended to fit, an intro/quick start. Being a developer requires one to be tenacious and as well, not needing to be spoon-fed how to implement ideas. In short, do the work you're asking him to do when his only goal is to introduce you to the framework.

[HarshalHirve]

... eagerly awaiting for your next videos.

[mdmonirulislam]

Thanks, bro. Can u make a full project with it?

[troyf]

I spent quite a bit of time debugging, the button event I entered was 'clicked', should have been 'click'. I assume there is no such thing as 'clicked'. Also the toggle function, I had 'loggged' rather than 'logged', even though 'loggged' did not exist... hard to find these errors. I trust as development continues, there'll be something to catch these errors. Ty for the tutorial!

[djamelbenali]

pls make tuto on sapper framework (which uses svelte)

[Gilotopia]

This is all beautiful but how do I build something like tabs? I need multiple tabs in my svelte 3 webapp and I haven't been able to find some that actually work.

[azadabdullahshaheed]

Error: "could not find commit hash for master". Please, what i have need for smooth installation. I installed nodejs current version and react work well. But Svelte tired.

[WolfersHD]

Anyone got a good comparison of bundle sizes for Svelte vs React vs Vue?

[shahidullahmiazi]

There are no "App" into App.svelte file for import main.svelte and there are no "import name" into main.js from App.svelte. This is not clear us.