Ecosystem

While developing VueUse, we extract the tools we are using into separate projects that can be used standalone from time to time.

Vue Demi is a tool for library authors to create composable libraries that work for Vue 2 and 3 isomorphically just like VueUse. It has been widely adopted by many popular libraries like vuelidate and vue-promised.

Vue Chemistry utilizes the reactifyfunction and applies it to common JavaScript APIs, which enables a pure reactive programming experience. For example:

import { set } from 'vue-chemistry'
import * as console from 'vue-chemistry/console'
import { pow, sqrt, sum } from 'vue-chemistry/math'

//      _________
// c = √ a² + b²
const a = ref(3)
const b = ref(4)
const c = sqrt(sum(pow(a, 2), pow(b, 2)))
console.log(c) // 5

set(a, 5) // shorthand for a.value = 5
set(b, 12)
console.log(c) // 13

import { set } from 'vue-chemistry'
import * as console from 'vue-chemistry/console'
import { pow, sqrt, sum } from 'vue-chemistry/math'

//      _________
// c = √ a² + b²
const a = ref(3)
const b = ref(4)
const c = sqrt(sum(pow(a, 2), pow(b, 2)))
console.log(c) // 5

set(a, 5) // shorthand for a.value = 5
set(b, 12)
console.log(c) // 13

Ecosystem #

Ecosystem