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