Svelte 101: Reactivity - Updating data in Svelte

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 📚 Related Resources Svelte Svelte REPL Svelte Tutorial 🥰 Support me 🔗 Want to learn more from me? Check out these links: Twitter: