Read this on my blog
Hey!
I recently got an email from Ritvik.
He was so inspired by my free "Reactivity From Scratch" mini course that he decided to give this awesome talk on how reactivity works in Vue.
So go watch it and leave some nice comments!
Building Reactivity | Ritvik Sardana
If you're interested in what inspired Ritvik so much, here are some more details on my free "Reactivity From Scratch" mini-course.
We build a Composition API-inspired reactivity system from the ground up.
In it, you will learn to build:
ref
reactive
computed
watchEffect
readonly
isRef
unref
toRefs
shallowRef
By the end you'll have deep knowledge on:
- Proxy-based reactivity
- Effect scheduling and cleanup
- ...and more!
It's structured as a 7-day email course, so it's easy to keep up with a hectic schedule:
-
Day 1: Build a basic reactivity system inspired by Vue 2, including
ref()
and dependency tracking
-
Day 2: Implement
reactive()
using Vue 3's powerful proxy-based system for deep reactivity
-
Day 3: Create
watchEffect()
with advanced features like scheduling, cleanup, and manual stopping
-
Day 4: Develop computed refs for creating derived reactive values
-
Day 5: Master ref manipulation with
isRef()
, unref()
, and toRefs()
-
Day 6: Implement
readonly
and shallow reactivity for fine-grained control
-
Day 7: Build a reactive store, combining all concepts into a powerful state management solution
Oh, and did I mention that this course is completely FREE?
Whether you're a beginner or an expert at Vue, you'll learn something valuable in this course.
You can sign up for it here.
— Michael