Video details

Svelte 101: Reactivity - Updating data in Svelte

Svelte
03.25.2021
English

Reactivity is a fancy word that refers to updating data and have it reflected on the DOM.
Variables that are defined in the script tag and used in the template are considered as state of your component. In this video, we are going to see how you can update your component state.
However, there's a limitation to Svelte's reactivity. We are going to explore what are they, and how to watch out on them. I'll share with you a tip to spot out what is and what is not reactive.
Introduction 00:00 Updating state in Svelte 00:36 How does Svelte knows a variable has changed? 02:30 Limitation of Svelte's reactivity 05:36 Tips on reactivity 12:00
---
đź’»
REPL https://svelte.dev/repl/60683004b2624aa1ad5401a29b561b06?version=3.35.0
đź“š
Related Resources Svelte https://svelte.dev Svelte REPL https://svelte.dev/repl Svelte Tutorial https://svelte.dev/tutorial/reactive-assignments
🥰 Support me https://www.buymeacoffee.com/lihautan
đź”—
Want to learn more from me? Check out these links:
Twitter: https://twitter.com/lihautan Blog: https://lihautan.com/ Newsletter: https://lihautan.com/newsletter
#svelte #svelte101
Thanks for watching 🥰 -- with love, Li Hau