O que é React Context DevTool?

React Context DevTool é uma extensão do Chrome desenvolvida por Deep Patel, e sua principal característica é "Devtool for React Context and useReducer".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão React Context DevTool

Baixe arquivos de extensão React Context DevTool no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

Informações Básicas da Extensão

Nome	React Context DevTool
ID	oddhnidmicpefilikhgeagedibnefkcf
URL Oficial	https://chromewebstore.google.com/detail/react-context-devtool/oddhnidmicpefilikhgeagedibnefkcf
Descrição	Devtool for React Context and useReducer
Tamanho do Arquivo	2.36 MB
Contagem de Instalações	48,091
Versão Atual	3.6
Última Atualização	2023-12-29
Data de Publicação	2020-07-02
Classificação	4.79/5 Total de 19 Avaliações
Desenvolvedor	Deep Patel
Email	[email protected]
Tipo de Pagamento	free
Idiomas Suportados	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" ] }