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

$3

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

`javascript
console.log("I was mounted!")} />
`

$3

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

`javascript
console.log("I will be unmounted!")} />
`

$3

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).

`javascript
was={(prevWatched, currentWatched) => console.log("I was updated!")} watched="hello" />

interface AnObject {
anObject: string;
}

was={(prevWatched, currentWatched) => console.log("I was updated!")} watched={{ anObject: "hello" }} />
``