React Context DevTool

Devtool for React Context and useReducer

What is React Context DevTool?

React Context DevTool is a Chrome extension developed by Deep Patel, and its main feature is "Devtool for React Context and useReducer".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download React Context DevTool Extension CRX File

Download React Context DevTool 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

                        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                    

Extension Basic Information

Name React Context DevTool React Context DevTool
ID oddhnidmicpefilikhgeagedibnefkcf
Official URL https://chromewebstore.google.com/detail/react-context-devtool/oddhnidmicpefilikhgeagedibnefkcf
Description Devtool for React Context and useReducer
File Size 2.36 MB
Installation Count 48,091
Current Version 3.6
Last Updated 2023-12-29
Publish Date 2020-07-02
Rating 4.79/5 Total 19 Ratings
Developer Deep Patel
Email [email protected]
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "React Context DevTool",
    "version": "3.6",
    "description": "Devtool for React Context and useReducer",
    "manifest_version": 2,
    "icons": {
        "16": "assets\/icons\/icon16.png",
        "32": "assets\/icons\/icon32.png",
        "48": "assets\/icons\/icon48.png",
        "128": "assets\/icons\/icon128.png"
    },
    "browser_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": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "devtools_page": "devtool\/devtool.html",
    "options_ui": {
        "page": "options\/options.html",
        "open_in_tab": false
    },
    "permissions": [
        "storage",
        "file:\/\/\/*",
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'; style-src * 'unsafe-inline'; img-src 'self' data:;",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "injectGlobalHook.js"
            ],
            "run_at": "document_start",
            "all_frames": true
        }
    ],
    "web_accessible_resources": [
        "react-context-devtool-helper.js"
    ]
}