应用截图
详细介绍
A Chrome extension for time travel debugging and performance monitoring in React applications.
Reactime was nominated for the Productivity Booster award at React Open Source Awards 2020.
Reactime is an open source Chrome developer tool for time travel debugging and performance monitoring in React applications. Reactime enables developers to record snapshots of application state, jump between and inspect state snapshots, and monitor performance metrics such as component render time and render frequency.
Features:
- Record Snapshots of Application State and Accessibility Tree
- Provider/Consumer Panel for useContext Hook
- Import and Export Snapshots of State
- Time-Travel Debugging
- Snapshot Series Comparison
- Component Tree Visualization
- React Router Compatibility
- Component Render Time & Frequency
- Support for Gatsby, Next.js and Remix
- TypeScript Support
- Ability to Reconnect
- Web Performance Metrics
- Tutorial Walkthrough
- Prop Visualization
- Intuitive Layout and Modern Design
- Dark Mode
What’s New!
Reactime 26.0 introduces transformative updates that redefine React debugging. The groundbreaking Providers/Consumers Panel now captures and visualizes state changes from useContext hooks, offering a real-time view of provider-consumer relationships and live context state values. A revamped time travel slider delivers enhanced control over debugging with intuitive navigation and playthrough options. The extension also boasts a modernized UI with dark mode for better usability, improved reliability through critical bug fixes, and the restoration of the accessibility tree tab for addressing potential accessibility issues. With these innovations, Reactime v26 empowers developers to streamline workflows and optimize complex state flows like never before.
Troubleshooting:
❓ Why is Reactime not recording new state changes?
Reactime lost its connection to the tab you're monitoring, simply click the "reconnect" button to resume your work.
❓ Why isn
Reactime was nominated for the Productivity Booster award at React Open Source Awards 2020.
Reactime is an open source Chrome developer tool for time travel debugging and performance monitoring in React applications. Reactime enables developers to record snapshots of application state, jump between and inspect state snapshots, and monitor performance metrics such as component render time and render frequency.
Features:
- Record Snapshots of Application State and Accessibility Tree
- Provider/Consumer Panel for useContext Hook
- Import and Export Snapshots of State
- Time-Travel Debugging
- Snapshot Series Comparison
- Component Tree Visualization
- React Router Compatibility
- Component Render Time & Frequency
- Support for Gatsby, Next.js and Remix
- TypeScript Support
- Ability to Reconnect
- Web Performance Metrics
- Tutorial Walkthrough
- Prop Visualization
- Intuitive Layout and Modern Design
- Dark Mode
What’s New!
Reactime 26.0 introduces transformative updates that redefine React debugging. The groundbreaking Providers/Consumers Panel now captures and visualizes state changes from useContext hooks, offering a real-time view of provider-consumer relationships and live context state values. A revamped time travel slider delivers enhanced control over debugging with intuitive navigation and playthrough options. The extension also boasts a modernized UI with dark mode for better usability, improved reliability through critical bug fixes, and the restoration of the accessibility tree tab for addressing potential accessibility issues. With these innovations, Reactime v26 empowers developers to streamline workflows and optimize complex state flows like never before.
Troubleshooting:
❓ Why is Reactime not recording new state changes?
Reactime lost its connection to the tab you're monitoring, simply click the "reconnect" button to resume your work.
❓ Why isn
