Back to articles
How to find missing i18n keys without losing your mind (or your job)

How to find missing i18n keys without losing your mind (or your job)

via Dev.to ReactHarpreet Singh

Look, we’ve all been there. You just pushed a massive feature, you’re feeling like a genius, and then the "urgent" Slack message hits. Your manager sends a screenshot from the production site, and instead of a nice "Submit" button, the users are seeing: {{ settings.labels.confirm_action_final_v2_FIXED }} It’s embarrassing. It looks like the code is leaking. And honestly, trying to keep your source code and your en.json file in sync manually is a one-way ticket to burnout. I got tired of the manual "Find in Files" dance, so I built a tool to handle it. Introducing Localization Scanner I created this VS Code extension because I wanted something that stayed out of the way until I actually needed it. It’s basically a safety net for your i18n workflow. What it actually does for you: Finds the "Ghosts": It scans your code and tells you exactly which keys you used that don't actually exist in your translation files. The "Did I really type that?" Detector: It finds hardcoded strings that you f

Continue reading on Dev.to React

Opens in a new tab

Read Full Article
20 views

Related Articles