Svelte

Ramverket som försvinner

Kompilerar

Bort sig

självt

Komponenter
JavaScript
HTML/CSS

Mindre

Snabbare

Applikationer

Imperativ kod

Försvann aldrig

Den bara flyttade från koden vi skriver själva

jQuery

$("#kebab-case")
    .hide()
    .html("<p>New stuff</p>")
    .fadeIn(500)
    .on('click', () => {
        // handle click
    });

React

render(){
    return {
        !hide && 
        <div onClick={/**/}>
            <p>New stuff</p>
        </div>
    };
}

Svelte

<div transition:fade on:click={/**/}>
    <p>New stuff</p>
</div>

DX

npx degit sveltejs/template kebab-case

REPL

Demo

  • HTML templates
  • Scoped CSS
  • Props / events
  • Bindings
  • Reactivity
  • Stores
  • Lifecycle
  • Animations

Sapper

Server side rendering

...

Svelte

By Gustav Jorlöv

Svelte

  • 303