Getting started with Svelte

What is Svelte?

According to the official website;

"Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app."

In simple terms, Svelte is a tool for building JavaScript-based web applications like React, Angular or Vue.

Technically, Svelte acts as a compiler.

Enough of the bells and whistle, there are many articles about how good and powerful Svelte really is, let's get right into our first project.

Our first Svelte Project.

TLDR: Use the online REPL to learn without installing anything locally.

Requirements

• Install
  • Node
  • Git
• Basics of:
  • HTML
  • CSS
  • JavaScript
  • Navigating the Command Line

// download the official svelte templatenpx degit sveltejs/template project-name// enter into projectcd project-name// install dependencies to run sveltenpm install// run the development servernpm run dev

Open browser and type localhost:5000, you should see something like this.

Conclusion

This is the basics of getting started with Svelte. Thanks for reading.
Next up will be about the file structure in Svelte.

External Resources

• Official Tutorials
• Official Docs
• Why choose Svelte
• All you need to know before learning Svelte
• 10 Reasons to use Svelte