Reactime 6.0: State Debugger for React v7.0.0 Release Notes

Release Date: 2020-12-08 // over 3 years ago
  • πŸ”‹ Features in this latest release:

    πŸ†• New rendering feature + rendering time for each component

    Compatibility with Gatsby and Next.js
    βš™ Runs on single and multi-page applications
    πŸ’» Brand new minimalist and intuitive design for UI
    πŸ‘Œ Improved algorithm in terms of time-complexity for the performance tab
    Works in development mode only, and doesn’t affect the speed of your app

    πŸš€ Optimizations & Bug Fixes in this latest release:

    🐎 With the new latest version, we have expanded its functionality and increased its accuracy. Now, Reactime 7.0 is a performance tool for React applications, including frameworks like Gatsby and Next.js. Not only does it help manage and understand the state of your application, but you can now also visualize the rendering frequency of your components. Additionally, Reactime now only runs in development mode which allows us to enhance its speed without slowing down your applications.

Previous changes from v3.1.1

  • Features in this latest release:

    • πŸ‘ TypeScript support for stateful class components and useState hooks
      • Package includes a types declaration file index.d.ts
      • AST parser updated to correctly grab getters and setters for useState hooks written in TypeScript
    • βœ… Extended sandbox environment with automated testing for a suite of React technologies
      • Automated with Jest and Puppeteer
      • Sandboxes include class components, hooks, Context API, Redux, Router

    πŸš€ Optimizations & Bug fixes in this latest release:

    • ⚑️ Dynamically populated state objects in class components now correctly updates when time traveling to a point where an object key did not exist
    • Pressing play while slider bar is at the end will now begin replaying snapshots from the beginning
    • Action components now display a summary of the diff from prior snapshot, showing the top-most level state property that changed first
    • πŸ“¦ NPM package source code comments cleaned up and formatted in JSDoc notation