Debugging reactive applications is hard. When a value changes, you want to know: what caused this change? What does it affect? How many times did it update in the last second? Olum DevTools 2.0 answers all of these questions visually.
The signal graph explorer
The new graph view renders your entire reactive dependency graph as an interactive diagram. Nodes are signals and computed values; edges show dependencies. Click any node to see its current value, its history, and which components read it.
Time-travel debugging
DevTools 2.0 records a history of every signal mutation. Use the timeline scrubber to step backward and forward through your app's state — like a DVR for your reactive graph. This is invaluable for tracking down the source of unexpected UI states.
Component profiler
The profiler tab shows a flame graph of every component render, with wall-clock time and signal subscription counts. Filter to find the components that update most frequently or take the longest to render.
- Signal graph: interactive dependency visualization
- Time-travel: step through every state mutation
- Profiler: flame graph with per-component render times
- Inspector: live prop and signal values for any component
- Network: track load() calls and their timing
DevTools 2.0 is available now for Chrome and Firefox. Install it from the extension stores — it auto-connects to any Olum app running in dev mode.
Elena Vasquez
Tooling Team · Olum Team