# Sheet Reactive

By registering a listener function, to achieve js - based self - corresponding function.

import {watchEffect} from "lazycss-base"

let style = useStyle({
    demo: {
        width: 330,
        fontSize: 16
    }
})

useEffect("demo.width", (oldValue, latestValue) => {
    // ... your code
})

useEffect("demo.fontSize", (oldValue, latestValue) => {
    // ... your code
})

//this function can listen all properties

//and you can use global default value to listen client width and height
useEffect("globalClientResize", (width, height) => {
    // ... your code
})