Feature parity with re-frisk — roadmap & checklist

[flexsurfer]

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

---