
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: Copy that text Search across JSON files Jump between namespaces 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
Continue reading on Dev.to Webdev
Opens in a new tab


