JSFoo: VueDay 2019

A day spent discussing Vue.js, developments in the Vue ecosystem and component architecture


Understanding Vue's Reactivity System by Building One

Submitted by Praveen Puglia on Thursday, 2 May 2019

Section: Full talk (40 mins) Technical level: Intermediate


Understanding how Vue implements its reactivity system from ground up, its gotchas and what’s coming in future.


  • What is reactivity?
  • Building a simple render function in non-reactive way.
  • Making it reactive
  • ES Setters & Getters crash course.
  • How to collect dependencies?
  • Building a Vue like reactivity system
  • The problems that it solves
  • The problems that it introduces
  • How can we solve the problems.
  • Vue’s new reactivity system using ES proxies


  • Intermediate JS knowledge
  • Basics of Vue

Speaker bio

Love CSS & Vue. Working on Machine Learning & Visualizations at Voicezen.



  • Abhishek Balaji (@booleanbalaji) Reviewer a month ago (edited 29 days ago)

    Hi Praveen,

    We need your slides and preview video before 28 May to evaluate your proposal. Please make sure your slides cover the following:

    • Clear problem statement, about a challenge that is generally applicable and not a company specific problem.
    • Approach to solving the problem.
    • Deep dive.
    • One clear takeaway.

Login with Twitter or Google to leave a comment