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.62

(21)

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,527 ▲ 76

Other rankings

#6662 in Developer Tools ▼ 16 #63 in state keyword 12 ▼ 2 #122 in debug keyword 17 ▼ 6

Other platforms

React Native XMRig (v1.2.2)

3.29

(132) 8,355+

React Context DevTool (v4.2)

3.00

(1) 75

React Context DevTool (v4.3)

3.80

(5) 8,430+

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

Excellent tool for debugging React Context
Simplifies the debugging process
Resolved circular reference issue
Nice interface
Saves time while debugging

Cons

Only supports the first instance of React Context on a page
React Context menu not showing up in DevTools
Context changes are not reflected during app interaction
Not standalone, requires integration with app container and dependencies

Most mentioned

Excellent extension
Simplified my life
Helped a lot in debugging

User reviews

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.

Chris Loughnane, 2024-11-27

React Context menu not showing up - there is supposed to be a new tab in the Chrome Devtools called React Context, but in the recent update I don't see this tab anymore. Help!