AmadeusITGroup

AmadeusITGroup / ngrx-devtool

Public

Debug NgRx with confidence

amadeusitgroup.github.iongrx-devtool angular ngrx ngrx-effects ngrx-store-devtools
32
2
100% credibility
Found Feb 24, 2026 at 29 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

NgRx DevTool is a visual debugging companion for monitoring state updates, actions, effects, and performance in apps using structured state management.

How It Works

1
🔍 Discover the state watcher

You hear about a handy tool that lets you peek inside your app's memory and see exactly what changes when users click buttons.

2
📦 Add it to your project

You bring the tool into your app with a simple download, like adding a new ingredient to your recipe.

3
🔧 Connect it gently

You add a couple of friendly instructions to your app so it shares its inner thoughts with the tool.

4
🚀 Launch the viewer

With one quick start, a special window opens up showing a live feed of your app's brain activity.

5
👁️ Watch actions unfold

As you use your app, the viewer lights up with colorful timelines of changes, speeds, and side effects.

6
⚡ Spot and fix issues

You easily see slow spots, big changes, or tricky flows and tweak them for better speed and smoothness.

🎉 App runs perfectly

Your app now feels snappy and reliable, with no hidden surprises in its memory updates.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 29 to 32 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is ngrx-devtool?

ngrx-devtool is a standalone debugging tool for Angular apps using NgRx state management. It streams real-time action timelines, state diffs, effect executions, and render performance metrics to a local web UI—no browser extensions required. Run `npx ngrx-devtool` to spin up the server at localhost:3000, add a few lines to your app config for WebSocket integration, and debug ngrx store changes, effects, and reducers directly in Chrome or Edge.

Why is it gaining traction?

Unlike NgRx DevTools Chrome extension, it works across browsers without compatibility hassles and tracks ngrx effects end-to-end, showing triggers, emissions, errors, and durations. Performance panels highlight slow reducers, render impacts, and optimization tips, while diff viewers pinpoint state changes. Session export/import lets you share debugging sessions, making it ideal for complex angular ngrx debug workflows.

Who should use this?

Angular frontend devs deep into NgRx who debug ngrx store issues, trace how to debug ngrx effects, or profile reducer performance in production-like setups. Suited for teams building large apps where standard devtools fall short on effect tracking or render analysis. Skip if you're not on NgRx 21+ or prefer extension-based ngrx devtools.

Verdict

Promising niche tool for ngrx debug tools with solid docs, demo app, and Angular 19+ support, but low maturity shows in 19 stars and 1.0% credibility score—test thoroughly before production debugging. Worth trying for effect-heavy apps; pair with official NgRx docs for best results.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.