Qu'est-ce que React Context DevTool ?

React Context DevTool est une extension Chrome développée par Deep Patel, et sa fonction principale est "Devtool for React Context and useReducer".

Captures d'Écran de l'Extension

Télécharger le fichier CRX de l'extension React Context DevTool

Téléchargez les fichiers d'extension React Context DevTool au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'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

Informations de Base sur l'Extension

Nom	React Context DevTool
ID	oddhnidmicpefilikhgeagedibnefkcf
URL Officiel	https://chromewebstore.google.com/detail/react-context-devtool/oddhnidmicpefilikhgeagedibnefkcf
Description	Devtool for React Context and useReducer
Taille du Fichier	2.36 MB
Nombre d'Installations	48,091
Version Actuelle	3.6
Dernière Mise à Jour	2023-12-29
Date de Publication	2020-07-02
Évaluation	4.79/5 Total 19 Évaluations
Développeur	Deep Patel
Email	[email protected]
Type de Paiement	free
Langues Prises en Charge	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" ] }