Skip to content

Commit f2d6146

Browse files
authored
Update README.md
1 parent 2a7590b commit f2d6146

File tree

1 file changed

+2
-8
lines changed

1 file changed

+2
-8
lines changed

README.md

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,6 @@
77
![AppVeyor](https://img.shields.io/badge/License-MIT-blue.svg)
88

99
<p align="center">
10-
<img src="public/demo-photo-graphql.png">
11-
<img src="public/demo-photo-react.png">
1210
<img src="public/demo-gif.gif">
1311
</p>
1412

@@ -44,19 +42,15 @@ Lucid intercepts HTTP requests using Chrome Devtool APIs to display a log of rea
4442

4543
**NOTE:** Lucid only listens for HTTP requests while it is open in the Chrome Developer Tool panel. To see any requests that were made upon initial page load, reload your React page after opening Lucid in your Chrome browser.
4644

47-
![](public/ReqResJson.gif)
45+
![](public/demo-photo-graphql.png)
4846

4947
### React Tab
5048
* In the React panel is a tree graph representing your application's __component hierarchy__.
5149
* Hovering over any React Component in the tree displays the __state and props data__ of that component in the top left.
5250
* The __State Diff__ Log tracks changes in state whenever setState() is triggered.
5351
* Filter out specified higher-order components from your tree graph (e.g. Redux, Apollo-GraphQL, and React Router) by clicking the buttons.
5452

55-
![](public/StateDiff.gif)
56-
57-
![](public/TreeDisplay.gif)
58-
59-
![](public/TreeFilter.gif)
53+
![](public/public/demo-photo-react.png)
6054

6155
## Contributing
6256

0 commit comments

Comments
 (0)