React HOC that logs debug messages on lifecycle methods

withLifecycleDebug.js

import React, { Component } from 'react';

const { log } = console;

export default (prefix) => (WrappedComponent) => {
    const message = text => `[${prefix}] ${text}`;

    return class EnhancedComponent extends WrappedComponent {

        render() {
            log(message("render()"));
            return super.render();
        }

        constructor(props) {
            super(props);
            log(message("constructor(props)"), props);
        }

        componentWillMount() {
            super.componentWillMount && super.componentWillMount();
            log(message("componentWillMount()"));
        }

        componentDidMount() {
            super.componentDidMount && super.componentDidMount();
            log(message("componentDidMount()"));
        }

        componentWillReceiveProps(nextProps) {
            super.componentWillReceiveProps && super.componentWillReceiveProps(nextProps);
            log(message("componentWillReceiveProps(nextProps)"), nextProps);
        }

        shouldComponentUpdate(nextProps, nextState) {
            log(message("shouldComponentUpdate(nextProps, nextState)"), nextProps, nextState);
            if (super.shouldComponentUpdate) {
                return super.shouldComponentUpdate(nextProps, nextState);
            } else {
                return true;
            }
        }

        componentWillUpdate(nextProps, nextState) {
            super.componentWillUpdate && super.componentWillUpdate(nextProps, nextState);
            log(message("componentWillUpdate(nextProps, nextState)"), nextProps, nextState);
        }

        componentDidUpdate(prevProps, prevState) {
            super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState);
            log(message("componentDidUpdate(prevProps, prevState)"), prevProps, prevState);
        }

        componentWillUnmount() {
            super.componentWillUnmount && super.componentWillUnmount();
            log(message("componentWillUnmount()"));
        }

        componentDidCatch(error, info) {
            super.componentDidCatch && super.componentDidCatch(error, info);
            log(message("componentDidCatch(error, info)"), error, info);
        }

    };
};

Usage

@withLifecycleDebug("AComponent")
export default class AComponent extends React.Component {
    // ...
}