Skip to content

Infinite Vue — Documentation

About

Infinite Vue ∞ ivue is a class based reactivity architecture for Vue 3. It unlocks infinite scalability for Vue 3 apps, by allowing us to use Vue 3 reactivity system with native classes.

ivue abstracts away .value for a succinct reactive class API, identical to the native JavaScript / TypeScript Class API. ivue allows observable reactive programming using classes supporting full inheritance, encapsulation and polymorphism, while converting the class object to a reactive object.

Under the hood all the class properties are converted to reactive Refs and all the getters of the class are converted to computeds, making declaration of computeds very simple in ivue.

This allows for creation of very advanced reactive systems because now you can operate in pure JavaScript / TypeScript, decreasing the mental load by not needing to use .value and focus on the business logic instead.

Features

Extensible Classes using JavaScript / TypeScript native Class API
Can be used as a Global Store and a ViewModel for Components
Improves DX by elegantly dealing with .value
Extends Vue 3 TypeScript Capability
Enhances Extensibility of Props Defaults, Props, Slots
Allows for Fully Extensible Component Architecture

Philosophy

Perfection is achieved, not when there is nothing more to add,
but when there is nothing left to take away.
― Antoine de Saint-Exupéry

Next Step

Geting Started   or   Read Introduction