Real-time visualizer for React lifecycle methods
tar vulnerability by replacing node-sass dependency with sass. (see sass/node-sass#2625)this.props.trace(42))react-redux required a rewrite to pass the custom store via a React context, as storeKey is no longer supported.babel-loader moves a bunch of packages to the @babel/ scope and also required some changes to .babelrc.UNSAFE_ lifecycle methods are now supported. For brevity, they show up in the log and the panels without the UNSAFE_ prefix.Instead of modifying the traced component and magically adding new properties to it, the traced component is now more conventionally wrapped by a TracingComponent, and trace and LifecyclePanel are passed as props (underwater the component still needs to be modified to intercept the lifecycle methods though). This gives more control over the constructor, and makes for a more consistent interface. It also makes it much easier to type traceLifecycle, and TypeScript definitions are now included with the package.
TracingComponent, which removes the requirement of passing context to super when using an explicit constructor (issue #1)trace and LifecyclePanel are passed as propstrace can now be accessed as nextProps.trace in the static getDerivedStateFromProps, it is no longer added to the prevState parameterthis.trace (replaced by this.props.trace)this.LifecyclePanel (replaced by this.props.LifecyclePanel)clearInstanceIdCounters (replaced by more appropriately named resetInstanceIdCounters)The deprecated versions will continue to work in version 2.x, but generate a warning on the console.