Reactivity and Signals: Demystifying Frontend Magic
summary
The talk explains how reactivity and signals work in modern frontend frameworks (Vue.js, Angular, React, Svelte, Solid, Qwik, Preact), focusing on mechanisms like tracking, proxies, derived state and effects. It walks through a small library implementation to show concretely how values observe and react to changes so UI updates happen automatically when variables are assigned.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 3:08UI as state function
- 7:22Graph theory for reactivity
- 12:23Theory to code
- 14:49Alien signals primitives
- 21:29Push, pull, push-pull
- 23:15ActiveSub role
- 26:50Full graph example
- 28:17Signal library issues
- 30:05Building a frontend framework
- 31:30Vue.js reactivity
- 33:40Fine reactivity performance
- 34:01Further resources
- 35:13Q&A
related talks
06mEmbracing Reactivity: Signals Unveiled in Modern Web Frameworks
52mIt's Time To Talk About Signals
48mDive into frontend frameworks to understand their reactivity🔬⚛️
51mDeep dive into modern frameworks Reactivity🔬⚛️
11mReactivity as Catalyst: Driving Evolution in React, Vue & Angular
41mDiving into Modern Frontend Frameworks to Understand Their r
19mReactivity in Frontend JavaScript Frameworks
42mReactivity and signals demystifying frontend magic