Skip to content

[Collaboration Request] Effect Tracking DevTool #5109

@adxdits

Description

@adxdits

Which @ngrx/* package(s) are relevant/related to the feature request?

store-devtools

Information

We've built an open-source Angular library for debugging NgRx at runtime: ngrx-devtool (docs).

The gap

@ngrx/store-devtools bridges to Redux DevTools, which is great for inspecting state, but it can't track effect lifecycles, measure reducer/render performance, or work without a browser extension. Effects are core to NgRx yet invisible to current tooling.

What this tool does

It's a meta-reducer + EffectSources angular lib that forwards action, state, effect, and performance data over WebSocket to a standalone UI no browser extension needed. You get full effect lifecycle tracing, action-to-effect correlation, reducer + render time measurement (via afterNextRender), and configurable performance warnings. Setup is three lines of config.

How we could collaborate

We’d love to explore contributing this upstream, whether that means porting capabilities into @ngrx/store-devtools, creating a new @ngrx/devtools package, or simply getting feedback from the team.
If it makes sense, we’d be happy to discuss project absorption, or even starting with a mention in the official NgRx documentation. We’re flexible and excited to collaborate in whatever way best supports the NgRx ecosystem.
The library is already published on npm (@amadeus-it-group/ngrx-devtool), tested, and documented. Happy to discuss what makes sense.

Describe any alternatives/workarounds you're currently using

No response

I would be willing to submit a PR to fix this issue

  • Yes
  • No

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions