react-lifecycle-components
TypeScript icon, indicating that this package has built-in type declarations

1.1.2 • Public • Published

React lifecycle as components

An alternative to writing classes, here are some declarative components you can use to keep your code clean 👌🏻

Supports: React DOM and React Native.

Install

    yarn install react-lifecycle-components

Components

Mount

When you want to perform a side-effect on mount, like sending a tracking event 🚀, starting an animation ✨, or something like that.

<Mount on={() => console.log("I was mounted!")} />

Unmount

Basically the same as Mount but calls on when the component will unmount 😄

<Unmount on={() => console.log("I will be unmounted!")} />

Update

When you want to be notified when a prop was changed. 👌🏻 Works with both non-objects (simple equality check) or with objects (shallow equality check).

    <Update<string> was={(prevWatched, currentWatched) => console.log("I was updated!")} watched="hello" />
 
    interface AnObject {
        anObject: string;
    }
 
    <Update<AnObject> was={(prevWatched, currentWatched) => console.log("I was updated!")} watched={{ anObject: "hello" }} />

/react-lifecycle-components/

    Package Sidebar

    Install

    npm i react-lifecycle-components

    Weekly Downloads

    1

    Version

    1.1.2

    License

    MIT

    Unpacked Size

    154 kB

    Total Files

    32

    Last publish

    Collaborators

    • sampettersson