​ ​

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