Same like React, Vue, Angular:

• For building UIs
• Web based: HTML, CSS, JS
• Component oriented
• Declarative
• Typescript support

Different because:

• Runtime Compiler
• Virtual DOM
• Native Javascript modules
• Even "lightweighter" than React or Vue
• CSS scoping
• Cypress by default

Read full article

• Weight of applications
• Poor performances / bad time to interactive
• Lack of interoperability

• React: Translates declarative virtual DOM components to imperative DOM during runtime
• Comparing virtual DOM with DOM all the time
• All sometimes slow and needs a re-render cycle

Interesting: svelte.dev/blog/virtual-dom-is-pure-overhead

the virtual dom thing

• compiles your code during build time towards the browser's imperative DOM API and
• changes declarative components to imperative components
• generates standard browser-optimized JavaScript
• can generate web components from same code (testsuite)

The build process

• checks A11y issues
• eliminates dead code 
• generates source maps

Deep dive into compiler internals

the svelte compiler

Talk is cheap. Show me the code."

• Why Svelte is our choice for a large web project in 2020
• Writing styles with Svelte
• The Svelte Handbook

• Material UI support
• Svelte Bootstrap 4 components
• Preprocessor
• i18n
• Draggable + resizable grid layout with breakpoints
• Pancake: "Responsive charts. Javascript optional."
• Layercake graphics framework

LIBS

brain food