🚀 I released Lookman v2.0 this weekend!

Gurjot Singh — Sun, 26 Jul 2026 18:07:55 +0000

🚀 I released Lookman v2.0 this weekend!

If you’ve ever debugged a React app, you know the drill:

setState() fires.
The UI re-renders.
Something breaks.

Then you add console.log() everywhere… and still ask:

What changed?
Where did it change?
Why did this render again?
Did that async call fail or just take too long?

That’s why I built Lookman — a smarter debugging toolkit for JavaScript developers.

🔍 Track value changes
⚡ Detect object mutations
⏱️ Debug async operations with timing
🔄 Count renders, handlers & effects

This weekend, I released v2.0 with improvements to make debugging easier and more informative.

And the best part: Lookman is open source. 🧑‍💻

Anyone can explore the code, open issues, suggest features, or contribute.

📦 npm install lookman

⭐ GitHub: https://github.com/gurjotsaini53/lookman
📦 NPM: https://www.npmjs.com/package/lookman

If you're a React or JavaScript developer, give it a try.

And if you have ideas for making debugging better, contributions are welcome! 🚀

ReactJS #JavaScript #OpenSource #WebDevelopment #Debugging #TypeScript #Developers

If you are a JS developer, doing console.log , this can be a game changer

Gurjot Singh — Sat, 18 Apr 2026 10:09:11 +0000

Lookman: The Debugger You'll Actually Enjoy Using
Logging shouldn't feel like a chore. We’ve all been there: peppering our code with console.log("here1"), console.log("data", data), and then spending twenty minutes trying to find where that specific log is coming from in the source code.

Lookman is a lightweight, breakpoint-free JavaScript debugging utility designed to give you superpowers without the overhead of a heavy library.

Why not just use console.log?
Because Lookman does the heavy lifting for you:

📍 Automatic Source Mapping: It tells you exactly which file and line the log came from.

🔄 State Monitoring: It detects if a value changed since the last time that line ran.

⏳ Async First: Pass it a Promise, and it logs the pending, resolved, and rejected states automatically.

🚀 Installation
No npm install fatigue here. Just grab the file and go.

Bash

Copy lookman.js into your project

cp lookman.js src/utils/lookman.js
🔥 Quick Start
JavaScript
import { dbg } from './lookman.js';

const user = { name: 'Alice', age: 30 };
dbg(user, 'user');

// Output: [src/app.js:12] user [object] { name: 'Alice', age: 30 }
The best part? dbg() returns the value, so you can wrap expressions without breaking your flow:

JavaScript
const result = dbg(calculateComplexMath(), 'math-check');
✨ Power Features

Reactive Watching (dbg.watch) Stop wondering when a property gets mutated. Wrap an object in a Proxy and see every change in real-time.

JavaScript
const state = dbg.watch({ count: 0 }, 'state');
state.count = 1;
// ⚡ WATCH [app.js:5] state.count -> 1 (was: 0)

Intelligent Promises Don't write .then(res => console.log(res)). Just wrap the fetch.

JavaScript
const data = await dbg(fetchUser(id), 'UserFetch');
// ⏳ pending...
// ✅ resolved (+88ms) { id: 1, name: 'Alice' }

Change Detection In a loop or a React render? dbg.silent() only barks when the value actually changes, saving your console from being flooded.

DEV Community: Gurjot Singh

🚀 I released Lookman v2.0 this weekend!

ReactJS #JavaScript #OpenSource #WebDevelopment #Debugging #TypeScript #Developers

If you are a JS developer, doing console.log , this can be a game changer

Copy lookman.js into your project