You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<ahref="https://osawards.com/react/"> Nominated for React Open Source Awards 2020 </a>
8
+
<ahref="https://osawards.com/react/">🏆 Nominated for React Open Source Awards 2020 </a>
9
9
<br>
10
10
</h1>
11
11
12
-
<h4align="center"> Reactime is an open-source Chrome extension that provides time-travel debugging and performance tracking for React applications. It allows developers to capture snapshots of application state, revisit and examine them, and monitor key web metrics. </h4>
13
-
12
+
<h4align="center">A powerful Chrome extension that enhances React development with time-travel debugging and advanced performance monitoring</h4>
<ahref="./README.rus.md">🇷🇺 РУССКАЯ ВЕРСИЯ</a> • <ahref="./README.fr.md">🇫🇷 VERSION FRANÇAISE</a> • <ahref='./src/DEVELOPER_README.md'>DEVELOPER README</a>
21
+
<ahref="./README.rus.md">🇷🇺 РУССКАЯ ВЕРСИЯ</a> • <ahref="./README.fr.md">🇫🇷 VERSION FRANÇAISE</a> • <ahref='./src/DEVELOPER_README.md'>👩💻 Developer README</a>
25
22
<br>
26
23
</h5>
27
24
<br>
28
25
29
26
<palign="center">
30
-
<imgsrc="./assets/gifs/GeneralDemoGif_V23.gif" />
27
+
<imgsrc="./assets/gifs/GeneralDemoGif_V26.gif" />
31
28
</p>
32
29
33
-
## <h1>Features</h1>
30
+
## <h1>✨ Key Features</h1>
34
31
35
-
### 🔹 Viewing
32
+
### 🔍 State Visualization
36
33
37
34
You can view your application's file structure and click on a snapshot to view
38
35
your app's state. State can be visualized in a Component Graph, JSON Tree,
@@ -46,18 +43,25 @@ Snapshots can be compared with the previous snapshot, which can be viewed in Dif
46
43
<li>
47
44
<strong>Timejump Tab</strong>: View and navigate through the snapshot history of your application's state. You can jump to any point in time to see how the state evolves across changes. You can also use the play button to replay each state change automatically.
48
45
</li>
46
+
</ul>
49
47
<br>
48
+
49
+
<palign="center">
50
+
<imgsrc="./assets/gifs/TimeTravelGif_V26.gif" />
51
+
</p>
52
+
<br>
53
+
54
+
<ul>
50
55
<li>
51
56
<strong>Provider/Consumer Tab</strong>: Understand your application's context dependencies and their interactions better through visualizing its provider and consumer relationships.
If Reactime loses its connection to the tab you're monitoring, simply click the "reconnect" button to resume your work. You'll notice a circle located to the right of the button, which will appear as either red (indicating disconnection) or green (signifying a successful reconnection).
96
+
If Reactime loses its connection to the tab you're monitoring, simply click the "reconnect" button to resume your work.
0 commit comments