Chapter 1

Getting Started with Svelte

IN THIS CHAPTER

Bullet Getting the skinny on Svelte

Bullet Scaffolding an app

Bullet Exploring the structure of a Svelte app

"… all work and no play makes Jack a dull boy. Skinny, but dull.”

—LL COOL J

Svelte is a front-end JavaScript compiler. In this chapter, I tell you what that statement means, how to create your first application with Svelte, how to get a handle on what makes Svelte tick, and how to see where it's similar to and different from other front-end libraries and frameworks.

What Makes Svelte Different?

Like ReactJS and Vue, Svelte can be used to create component-based JavaScript web applications. Svelte is newer than ReactJS or Vue.js and has a smaller developer base than either. Because it's smaller and simpler to learn and use (and perhaps even faster), it has gained a lot of fans.

The first thing to know is that Svelte doesn't use a virtual DOM. Instead, Svelte compiles your code into optimized JavaScript that makes updates to the DOM imperatively.

Remember The difference between declarative code and imperative code is discussed in Chapter 1 of Book ...

Get JavaScript All-in-One For Dummies now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.