Vue.js Reactivity System Demonstration

This project demonstrates the core concepts of the Vue.js reactivity system using Node.js (v22) and TypeScript (v5.6.3). It aims to give an understanding of how Vue’s reactivity works under the hood, using simple and clear examples.

Table of Contents

• Overview
• Installation
• Usage
• Concepts
• License

Overview

Vue.js is a progressive JavaScript framework for building user interfaces. One of its key features is its reactivity system, which ensures that the view (UI) stays in sync with the underlying data. This package demonstrates how the Vue.js reactivity system works, showing how changes to data automatically trigger updates to the view.

This demonstration package is built with:

• Node.js v22 for the environment.
• TypeScript v5.6.3 for static typing and code quality.
• Vue.js concepts, such as reactive, ref, and computed functions, but not using the Vue.js library directly. Instead, the focus is on replicating Vue's reactivity system logic.

Installation

To get started, clone this repository and install the necessary dependencies.

1. Clone the repository:

   git clone https://github.com/yourusername/vue-reactivity-demo.git
   

2. Install the dependencies

   npm install

   Please make sure you are running version mentioned in node-version, which is v22.0.0 For convenience I recommend using nvm.

   If you are using nvm - nvm use v22.0.0

3. TBD