reactLogger2

reactLogger2.jsx

export default (
  label,
  componentName,
  prevProps,
  nextProps,
  prevState,
  nextState
) => {
  const groupLabel =
    (componentName && `[${label || "react-logger"} - <${componentName} />]`) ||
    `[${label}]`;
  console.group(groupLabel);
  console.log("[prevProps]", prevProps);
  console.log("[nextProps]", nextProps);
  console.log("[prevState]", prevState);
  console.log("[nextState]", nextState);
  // console.log("[propsChange]", difference(prevProps, nextProps));
  // console.log("[stateChange]", difference(prevState, nextState));
  console.groupEnd(groupLabel);
};