zalmoxisus/redux-devtools-extension

Access (sub)state, diff or action as a variable in console?

Open

#132 建立於 2016年6月8日

在 GitHub 查看
 (0 留言) (16 反應) (0 負責人)JavaScript (13,478 star) (1,074 fork)batch import
enhancementhelp wanted

描述

It would be very practical to access Redux state or Inspector's Action/Diff from console; the similar way React Dev Tools export the selected component as $r in console (or Chrome exports selected element as $0 in console):

image

The "Chart" view is a nice eye-candy, but in the end, not as pragmatic as being able to programmatically inspect the state.

貢獻者指南

技術棧
javascript
領域
developer experiencetooling
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
ReduxBrowser extension developmentChrome DevTools API
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
50
研究方向
Look at the extension's content script (e.g., src/inject/inject.js) to understand how Redux DevTools communicates with the page. Consider adding a mechanism to expose the current state, action, or diff as a global variable (e.g., $state) in the console, similar to React DevTools' $r. Refer to the React DevTools implementation for inspiration. Ensure the feature integrates with the existing Redux DevTools panel and does not interfere with the page's global namespace.