React Context DevTool

Devtool for React Context and useReducer

React Context DevTool - Track Changes in React Context & useReducer

React Context DevTool is a robust Chrome extension that allows robust debugging of React Context and useReducer APIs. It aids in tracking state changes, thus enhancing application development. It offers a variety of views (tree, raw, and diff) to display the evolution of context values. The tool further allows users to dispatch actions directly from the devtool. Providing source code openly on GitHub, the project encourages contributor engagement for enhancement and improvement.

Download

Extension stats

By: Deep Patel

Users: 40,000+

Rating: 4.48

(23)

Version: 4.3 (Last updated: 2024-06-21)

Creation date: 2020-07-02

Risk impact: Moderate risk impact

Risk likelihood:

Moderate risk likelihood

Manifest version: 3

Permissions:

storage
scripting

Host permissions:

<all_urls>

Size: 2.46M

Email: de*****@gmail.com

Ranking

# 4,537 ▼ 7

Other rankings

#6736 in Developer Tools ▼ 13 #67 in state keyword 2 ▼ 1 #112 in debug keyword 8 ▲ 4

Other platforms

Not available on Android

React Context DevTool (v4.2)

3.00

(1) 66

React Context DevTool (v4.3)

3.80

(5) 8,291+

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Works well for debugging React Context
User-friendly interface
Helps save time during debugging
Supports resolving circular reference issues
Compatible with multiple contexts/providers

Cons

Does not work on localhost
Only supports the first instance of React Context
Context menu tab is missing in recent updates
Requires integration into app container and dependencies for use

Most mentioned

Works well for debugging contexts
Issues with localhost
Missing React Context tab
Circular reference issue resolved
Good for debugging context API

User reviews

thank you very much!! working perfectly for all contexts! managed to work in localhost and with multiple contexts / providers

Thiago Oliveira, 2025-01-09

Doesn't work on localhost.

Jonas Tolentino, 2025-01-01

A handy extension but it seems to only support the first instance of React Context on a page, I just found the problem when I added multiple components with their own React Context.