Feature parity with re-frisk — roadmap & checklist #1
Description
Feature parity with re-frisk
Summary
Goal: bring reflex-devtools to functional parity with re-frisk from the re-frame ecosystem.
Implement state and action inspection, diffs, timelines, and graphs comparable to re-frisk’s features.
Exact visual cloning is not required — the goal is equivalent observability and debugging utility.
Goals / Non-Goals
Goals
- - Inspect current store state and dispatched actions.
- - View change history and diffs per key/path.
- - Visualize data flow between events and state.
- - Support filtering, metrics, and a responsive UI for debugging.
- - Electron/Tauri/React Native integration.
Non-Goals
- Full UI duplication of re-frisk.
- One-to-one API compatibility with re-frame — only conceptual equivalents for Reflex.
Feature checklist
State & Keys
- Tree view of the current store state (like
app-db). - Ability to watch specific keys/paths (watch list).
- History of changes for a selected path.
Events
- Event log with payload preview and state diff (before/after).
- Filtering of events by name (including ignore lists).
- Filtering ignored events.
- Pause / clear stream controls to handle performance.
Timeline & Metrics
- Timeline view of traces with zoom and range selection.
- Statistics for traces (count, average/max duration).
Data-flow / Graphs
- Per-epoch graph showing subscriptions → affected state paths.
- Accumulated graph with edge weights (frequency of updates).
Derived state / Subscriptions
- Panel for derived selectors with dependency tree and cache hits.
References
- re-frisk README — https://github.com/flexsurfer/re-frisk