what_props_caused_render.ts

componentWillReceiveProps(nextProps){
    console.info("New props, about to render...");
    Object.keys(nextProps).forEach((p) => {
        console.info(`${p} is the same: ${this.props[p] === nextProps[p]}`);
    });

    const shouldIUsePureRender = Object.keys(nextProps).reduce((acc, p) => {
        if (nextProps[p] !== this.props[p]) {
            return false;
        }

        return acc;
    }, true);

    if (shouldIUsePureRender === true) {
        console.info(`${this.displayName} None of the props have changed but I'm still about to render. Use the pure render mixin.`);
    }
}