Svelte

is it time to jump on the hypetrain?

Konrad Trzciński

So, what about the hype?

Stackoverflow most loved web framework 2022

State of JS 2021

Why do we need hype?

Ecosystem!

What exactly is Svelte?

Frontend component framework

Component frameworks?

DX++😁

But at what cost?🤔

UX--😥

The magical disappearing framework

Personal experience

Svelte has shallow learning curve

Close to native JS with little to no API = less boilerplate

Passing props

Using state

Two way binding

Reactive values

Around 40% less code generated vs React

Industry Average: "about 15 - 50 errors per 1000 lines of delivered code."

Microsoft Applications: "about 10 - 20 defects per 1000 lines of code during in-house testing

Harder to introduce performance issues

Svelte was written with performance in mind

Internal state management through stores

No need to introduce tools like redux

Drawbacks

• Young age
• Quite barebones
• Shipping size might get bigger in large applications

Where to start

• Svelte.dev tutorial and REPL
• Frontendmasters.com Rich Harris' introduction to Svelte
• Rich Harris' Rethinking Reactivity - reasons behind Svelte
• JS Party no 205 podcast with Rich Harris
• Svelte Radio podcast

Summary

• Great DX
• Better performance
• Ease to introduce less experienced developers
• Worth considering especially in smaller projects

DEMO 🤓

Thank you for your attention!

github.com/szuvi/svelte