Svelte

Why it's called "Cybernetically enhanced web apps"?

Anton Konev

@evilj0e

antonkonev.com

@beerjs_ekb

@antoncodeit

What it is?

• Alternative framework
• Compiler > runtime library
• Fast reactivity without VirtualDOM

svelte

svelte [svelt] прил
    стройный,

    изящный

Rich Harris

ex. The Guardian, The New York Times

Created framework Ractive. It used at "The Guardian". Inspired parts of Vue.

Created Rollup bundler.

For what?

Light & Fast

~150 lines of code with helpers

Ahead-of-Time (AOT)

Features

• Fast
• Small bundle size
• File-based component definitions
• CSS scoped by default
• Clear place to put global CSS
• Reactive statements ($:)
• Easy state management (stores)

https://krausest.github.io/js-framework-benchmark/current.html

https://krausest.github.io/js-framework-benchmark/current.html

https://krausest.github.io/js-framework-benchmark/current.html

Size

https://www.freecodecamp.org/news/a-realworld-comparison-of-front-end-frameworks-with-benchmarks-2019-update-4be0d3c78075/

Lines of code

https://www.freecodecamp.org/news/a-realworld-comparison-of-front-end-frameworks-with-benchmarks-2019-update-4be0d3c78075/

So what's the catch?

• Typescript support
• Popularity
• Unit tests
• File-based components with Mustache-style markup
• AoT

Conclusion

Svelte is a worthy alternative to React, Vue, Angular

Conclusion

Svelte is a worthy alternative to React, Vue, Angular,



but everything has pros and cons.

Credentials

Anton Konev

@evilj0e

antonkonev.com

http://bit.ly/evilj0e-svelte