RSC Devtools
React Server Components network visualizer
What is RSC Devtools?
RSC Devtools is a Chrome extension developed by Alvar Lagerlöf, and its main feature is "React Server Components network visualizer".
Extension Screenshots
Download RSC Devtools Extension CRX File
Download RSC Devtools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
This is a tool that lets you record streaming data from React Server Components to then visualize and explore it. You can see how your components and data are loading and in what order and it lets you travel back in time by dragging the timeline slider. Extension Basic Information
| Name |  RSC Devtools |
| ID | jcejahepddjnppkhomnidalpnnnemomn |
| Official URL | https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn |
| Description | React Server Components network visualizer |
| File Size | 195 KB |
| Installation Count | 2,000 |
| Current Version | 0.1.15 |
| Last Updated | 2024-02-18 |
| Publish Date | 2023-08-16 |
| Rating | 4.88/5 Total 8 Ratings |
| Developer | Alvar Lagerlöf |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/alvarlagerlof/rsc-parser |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "RSC Devtools",
"version": "0.1.15",
"description": "React Server Components network visualizer",
"content_security_policy": {
"extension_pages": "script-src 'self'; object-src 'self'"
},
"manifest_version": 3,
"devtools_page": "devtools-page.html",
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
],
"js": [
"content-script.js"
],
"all_frames": true
}
],
"web_accessible_resources": [
{
"resources": [
"fetch-patch.js"
],
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
]
}
]
} | |
