Jumping Directly to i18next Translation Keys from the Browser

When working on larger apps with i18next, I kept running into the same small but annoying problem:

I’d see some translated text in the UI and want to update it.

So I would:

1. Copy that text
2. Search across JSON files
3. Jump between namespaces
4. Repeat

It’s not hard just repetitive and slower than it should be.

Inspired by LocatorJS

A few months ago, a colleague introduced me to LocatorJS, and I was honestly amazed by how quickly I could jump directly to the source code with a single click.

No searching by class names.
No blindly guessing which component is it.

I really liked the idea and started wondering:

What if another tool did the same behaviour, but for translation keys?

Introducing i18nKeyLocator ⚡

Instead of searching for where a string comes from just click it.
No searching.
No guessing.

Just direct navigation from the rendered UI to the exact namespace and line number where the translation key lives.

It started as a small experiment to speed up my own workflow.

After using it daily, I noticed I was spending much less time navigating translation files and I am sharing it in case it makes your i18next workflow a bit smoother.

Happy coding ❤️