open-source-labs / Reactime

Developer tool for time travel debugging and performance monitoring in React applications.
https://www.reacti.me
MIT License
2.17k stars 200 forks source link

Merging latest beta features that enhance overall visualizations and user experience #221

Closed Theqwertypusher closed 4 years ago

Theqwertypusher commented 4 years ago

Description

The latest beta features focused on improving data visualizations and overall user experience by introducing new functionality for visualized components and converting previous D3 visualizations to VISX.

Changes made

  1. Expanded compatibility with Recoil’s newest update (0.0.13)
  2. Added visualization for atom/selectors/component mapping
  3. Improved history tab by contextualizing snapshots with a dynamic legend
  4. Re-envisioned the component map by incorporating a brand new visualization
    D3/React library called VISX to provide users with more robust views
  5. Revamped the performance tab to better visualize component rendering trends and potential performance bottleneck as state changes
  6. Giving visualized components onHover functionality that highlights corresponding DOM elements
  7. Overall general enhancements to the codebase (improving modularity, reducing technical debt, and enhancing onboarding)

react-calculator-demo

recoil-todo-demo