Devtool for React Context and useReducer
React Context DevTool Extension
React Context DevTool is debugging tool for React Context and useReducer API.
You can easily show context values changes in different views like tree, raw and diff view.
Now Devtool suppoer useReducer API. easily debug your state changes and dispatch actions from devtool.
React Context DevTool is open source project
https://github.com/deeppatel234/react-context-devtool
Read more
You can easily show context values changes in different views like tree, raw and diff view.
Now Devtool suppoer useReducer API. easily debug your state changes and dispatch actions from devtool.
React Context DevTool is open source project
https://github.com/deeppatel234/react-context-devtool
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "React Context DevTool", "version": "4.3", "description": "Devtool for React Context and useReducer", "manifest_version": 3, "minimum_chrome_version": "102", "icons": { "16": "assets/icons/icon16.png", "32": "assets/icons/icon32.png", "48": "assets/icons/icon48.png", "128": "assets/icons/icon128.png" }, "action": { "default_icon": { "16": "assets/icons/icon16-disabled.png", "32": "assets/icons/icon32-disabled.png", "48": "assets/icons/icon48-disabled.png", "128": "assets/icons/icon128-disabled.png" }, "default_popup": "popup/disabled.html" }, "background": { "service_worker": "background.js" }, "devtools_page": "devtool/devtool.html", "options_ui": { "page": "options/options.html", "open_in_tab": false }, "permissions": [ "storage", "scripting" ], "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "web_accessible_resources": [ { "resources": [ "mainContent.js" ], "matches": [ "" ], "extension_ids": [] } ], "host_permissions": [ "" ], "content_scripts": [ { "matches": [""], "js": ["injectGlobalHook.js"], "run_at": "document_start" } ]}
Read more