TETRACHROME
Tetrachrome is an open source developer tool that helps users understand an application's frontend to backend structure and monitor network activity.
Frontend Visualization
Ability to visualize an application's React Component Tree
Backend Visualization
Ability to visualize an application's available HTTP request methods
Network Activity Logging
Ability to display HTTP requests along with key data (response time, status, url, and content lenght)