Svelte

Cybernetically enhanced web apps

Ibrahim AshShohail
@ibrasho

What is Svelte?

"A framework without the framework"

- Rich Harris, 2016

 

"Svelte is a language."

- Rich Harris, 2019

History

How to start

npx degit sveltejs/template my-app
cd my-app

npm install
npm run dev

How it works

UI Is a Component Tree

The Anatomy of a Svelte Component

The Svelte Template

Component Props

Updating Component States

Reactive Statements

Reactive State "Store"

Conditional Rendering And Lists

Elegant Async/Await

Animated Transitions

Let's go hands-on

Performance Comparisons

Angular? React? Vue?

Results from JS web frameworks benchmark – Round 8

Results from JS web frameworks benchmark – Round 8

Results from JS web frameworks benchmark – Round 8

More Resources

Where to go next?

Tech Previews: Svelte

By Ibrahim AshShohail

Tech Previews: Svelte

  • 540