Svelte

Topics

Pages

• Examples

Content

Byline:

Cybernetically enhanced web apps

Key links

• 🏠 Homepage: https://svelte.dev/
• 📗 Docs: https://svelte.dev/docs
• 👨‍💻 Repo:

Uncategorized Links

• Svelte Vite quickstart template

Documentation

• Examples

Tutorials

• Official tutorial
• Svelte in 100 Seconds
• Basics
  • Starting point for the tutorial on the Svelte site
• The easiest way to get started with Svelte
  • On the Svelte blog

Online playgrounds

• REPL
  • Playground on the Svelte 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.

Definition of the world “svelte”:

[adjective] slender, lithe. having clean lines : sleek.

Installation

$ npm install svelte

Usage

Start dev server:

$ npm run dev

Build:

$ npm run build

Quickstart

Using sveltejs/template repo and degit tool.

npx degit sveltejs/template my-svelte-project
cd my-svelte-project

# To use TypeScript:
node scripts/setupTypeScript.js

npm install
npm run dev