Toggle React Scan functionality to analyze React component renders

Latest Version

Version
1.0
Update
December 1, 2024
Size
48.71KiB
Developer
Category
Users
533
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
Scripting
See more

React Scan Toggle Extension

React Scan Toggle - Visualize React Component Renders

This is a wrapper for the million's React Scan library

[NOT AN OFFICIAL REACT SCAN EXTENSION]

IMPORTANT: This extension requires React Developer Tools to be installed and enabled.

A lightweight extension that helps you visualize and analyze React component renders in real-time. Toggle React Scan functionality with a single click to debug performance issues and understand your React application's behavior.

Key Features:
• One-click activation/deactivation
• Visual feedback through colored overlays
• Track component render counts and timing
• Inspect component props and state changes
• State persists while navigating within tabs
• Zero configuration required
• Works with any React application
• Secure local script execution (no external connections)

This community-built tool makes React Scan more accessible by providing an easy-to-use toggle interface. Perfect for developers who want to quickly analyze React component performance without modifying their codebase.

Note: This is not an official React Scan extension. It's a community-built tool that incorporates React Scan (MIT licensed, Copyright 2024 Aiden Bai, Million Software, Inc.) to make its functionality more accessible.

Privacy & Security:
• No data collection
• No external connections
• All processing happens locally
• No permissions beyond the active tab
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "React Scan Toggle", "version": "1.0", "description": "Toggle React Scan functionality to analyze React component renders", "author": "davidgg.es", "permissions": ["activeTab", "scripting"], "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'; connect-src 'none'" }, "action": { "default_icon": { "16": "icons/icon16-gray.png", "48": "icons/icon48-gray.png", "128": "icons/icon128-gray.png" } }, "background": { "service_worker": "background.js" }, "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "web_accessible_resources": [ { "resources": ["react-scan.js"], "matches": [""] } ]}
Read more

Similar Extensions

icon

VisBug Extension · Developer Tools 533 252 ★ 5.38MiB

icon

LocatorJS Extension · Developer Tools 533 64 ★ 190KiB

icon

tweak: mock and modify HTTP requests Extension · Developer Tools 533 190 ★ 3.22MiB

icon

Responsively Helper Extension · Developer Tools 533 12 ★ 146KiB

icon

daily.dev | The homepage developers deserve Extension · Developer Tools 533 2460 ★ 2.28MiB

icon

Console Importer Extension · Developer Tools 533 20 ★ 9.55KiB

icon

Apollo Client Devtools Extension · Developer Tools 533 266 ★ 490KiB

icon

Refined GitHub Extension · Developer Tools 533 213 ★ 572KiB

icon

RSC Devtools Extension · Developer Tools 533 9 ★ 175KiB

icon

Testing Playground Extension · Developer Tools 533 60 ★ 646KiB

icon

Gimli Tailwind Extension · Developer Tools 533 33 ★ 151KiB

icon

Vercel Extension · Developer Tools 533 24 ★ 34.3KiB

icon

Redux DevTools Extension · Developer Tools 533 726 ★ 1.2MiB

icon

React Context DevTool Extension · Developer Tools 533 21 ★ 2.35MiB

icon

Jam Extension · Developer Tools 533 261 ★ 5.48MiB

icon

Web Vitals Extension · Developer Tools 533 43 ★ 398KiB

icon

Atomic CSS Devtools Extension · Developer Tools 533 15 ★ 196KiB

icon

Reactime Extension · Developer Tools 533 33 ★ 803KiB

icon

OctoLinker Extension · Developer Tools 533 110 ★ 184KiB

icon

Zukeeper: Devtools for Zustand Extension · Developer Tools 533 6 ★ 939KiB

icon

Localhost Open Graph Checker Extension · Developer Tools 533 53 ★ 10.26KiB

icon

Material Icons for GitHub Extension · Developer Tools 533 77 ★ 1.05MiB

icon

GraphQL Network Inspector Extension · Developer Tools 533 123 ★ 8.34MiB

icon

File Icons for GitHub and GitLab Extension · Developer Tools 533 48 ★ 460KiB