1 Meet the players


This chapter covers

  • Svelte
  • Sapper
  • Svelte Native

Svelte (https://svelte.dev/) is a tool for building JavaScript-based web applications. It is an alternative to web frameworks like React, Vue, and Angular. Like them, Svelte focuses on defining user-interface (UI) components and their interactions. Each UI component is an independent, potentially reusable part of a larger user interface that can be independently designed and implemented.

Svelte has many benefits over other web frameworks:

  • Apps produced using Svelte require less code than most frameworks to implement the equivalent functionality.
  • Svelte produces smaller bundle sizes, which results in decreased browser load times.
  • Svelte greatly simplifies state management, both within and across components. (State management includes organizing the data that drives an app and responding to changes in the data.)

Sapper (https://sapper.svelte.dev/) is a framework built on top of Svelte for creating more advanced web applications. It adds many features over Svelte, including page routing, server-side rendering, code splitting, and static site generation. But web applications that do not need these features, or that wish to implement them in a different way, can opt to use Svelte by itself.

Svelte Native (https://svelte-native.technology/) also builds on Svelte. It integrates the use of NativeScript for building Android and iOS mobile applications.

1.1 Introducing Svelte

1.1.1 Why Svelte?

1.1.2 Rethinking reactivity

1.1.3 Current issues in Svelte

1.1.4 How does Svelte work?

1.1.5 Does Svelte disappear?

1.2 Introducing Sapper

1.2.1 Why consider Sapper?

1.2.2 How does Sapper work?

1.2.3 When should Sapper be used?

1.2.4 When should Sapper not be used?

1.3 Introducing Svelte Native

1.4 How does Svelte compare with other web frameworks?

1.4.1 Angular

1.4.2 React