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 be null.

• componentDidUpdate(prevProps, prevState)

  Because these are still stateless components, nextState will always be null.

Unmounting

• componentWillUnmount()