2 years ago

Category: nodejs

In the previous instalment, we created a reactive function that accepts an object and returns a new Proxy instance. If you're not sure what a Proxy is or how it works, definitely go back and read that post. In this post, I'll be creating an effect function that will allow us to react to changes on the Proxy and update the DOM.

What we can do is store all the effect callbacks in an array and call each one when our Proxy is updated.

We now have a reactive object and an effect function that is invoked each time a relevant property in our data is updated.