Svelte.js - Overview

November 2020

🔨 Svelte.js is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM.

From Udemy: Svelte de A à Z

Concepts covered

• Props
• CSS dynamic classes
• Conditionnal and loops
• Two way data binding
• Reactive vars
• Reactive methods
• Reactive arrays
• Events
• Events modifiers
• Slots
• Components lifecycle / methods
• UI: Modal windows / Tabs systel / Responsive Navbar
• Store writable/readable - subscribe - set - update - destroy -subscribe several components
• Custom store

How to test

• Clone
• npm install
• npm run dev

Useful links

• Svelte.js
• Getting started with Svelte
• Svelte training sources