Skip to content

MatthiasKainer/lit-element-effect

Repository files navigation

Effect hooks for Lit-Elements

Version Size vulnerabilities dependencies code quality Statements Branch Functions Lines

Two effect hooks, useOnce and useEffect, that can be used to trigger something only on first render, or when specific things change.

Installation

npm install lit-element-effect

Usage

@property()
prop: string | undefined;

render() {
    useOnce(this, () => {
        console.log("triggered once")
    })

    useEffect(this, () => {
        console.log("triggered each time this.prop changes.");
        console.log("Current Value: ", this.prop)
    }, [this.prop])
}

About

Two effect hooks, `useOnce` and `useEffect`, that can be used to trigger something only on first render, or when specific things change.

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors