Instead of running a framework in the browser, Svelte compiles code into efficient pure JS at build time.

• smaller bundle
• faster updates
• simpler syntax
• less boilerplate
• no need runtime framework (0kb runtime)

Your Code
   ↓
Svelte Compiler
   ↓
Optimized JS
   ↓
Direct DOM
(DOM direct updates)

Compare with React:

• When state changes not whole component re-renders, but only the exact DOM node updates. (component functions didn’t run again)

Structure

src
 ├ components
 │   ├ Button.svelte
 │   ├ Card.svelte
 │
 ├ stores
 │   └ auth.js
 │
 └ routes
     └ +page.svelte

.svelte file