useSvelte() – The Problem Of React(ivity)

Welcome to this talk about Svelte and how we progressively can build and use Svelte components in Vanilla/legacy or React apps.

Background - Why is this important?
Modern websites and apps rely on client-side JavaScript more than ever to meet the growing demands of user experience and complexities. One of the biggest concerns is how to handle state changes with reactive UI.

React is a popular library that solves the problem of reactivity with reconciliation by diffing a virtual DOM with the real one. But what if instead of shipping a big runtime to the client could compile lean components that surgically updates the DOM?

Enter Svelte.

During this talk you we will discuss:

React and its mechanics

• Reconciliation
• Abstraction leaks
• Is it fast… enough?
• The good parts

Svelte 101

• Basic walkthrough of how Svelte works under the hood so solve
• Reactivity
• Reactive statements, styling, bindings and comparisons with React.

How can we start using Svelte?

• Authoring components in a library environment with SvelteKit
• Compiling components with rollup to esm, umd or Web Components.
• Using these in vanilla / legacy MPA apps or even in React