1.0.1 • Published 4 years ago
lifecycler v1.0.1
Lifecycler
A simple-to-use React rendered lifecycle component. Hook into lifecycle events while building stateless components.
Installing
Lifecycler can be installed via npm:
$ npm i -S lifecycler
Usage
Use Lifecycler inside your React project by wrapping it around a component to add lifecycle methods to:
import React from 'react';
import Lifecycler from 'lifecycler';
const logAfterMounting = () => console.log('The component has mounted');
const MyComponent = () => (
<Lifecycler componentDidMount={logAfterMounting}>
<p>This here is wrapper in Lifecycler!</p>
</Lifecycler>
);
export default MyComponent;
Properties
Lifecycler exposes most lifecycle methods, please check the official component documentation for more information:
Mounting:
componentDidMount()
Updating
shouldComponentUpdate(nextProps, nextState)
This method should return a boolean value. If no value (or a non-booean value) is returned, Lifecycler will return
true
for you. Because these are still stateless components,nextState
will always benull
.componentDidUpdate(prevProps, prevState)
Because these are still stateless components,
nextState
will always benull
.
Unmounting
componentWillUnmount()