DEV Community: Asad Rafi

🔥Major Update !

Asad Rafi — Sat, 30 Aug 2025 20:43:39 +0000

🌐 Auto Translation CLI — Build Once, Translate Everywhere! 🚀

“Good code makes products work. Great code makes them speak every language.” 🌍✨

Hey Devs 👋,
I built something to make your life easier — and your apps more global!

Introducing Auto Translation CLI v2.0 💫
Now with 📱 React Native support, so whether you’re building for web or mobile, your i18n workflow is just one command away.

⚡ Why?

Because time spent on manual translation setup = time not spent building what matters.

This CLI automates it all:

🚀 One-command setup
📂 Smart file organization
🔄 Auto-wrap text into t()
📱 Works for React & React Native (Node.js coming soon!)

🛠️ Core Commands

Command	Description
`auto-translation scan`	Scans your project and detects plain text for translation
`auto-translation wrap`	Automatically wraps detected text with `t()`
`auto-translation extract`	Extracts translation keys into locale JSON files
`auto-translation organize`	Organizes translations into namespaces and files
`auto-translation strict`	Enforces consistency across teams with strict mode

🚀 Quick Start

Step	Command	Description
1️⃣	`npm install -g auto-translation`	Install the CLI globally
2️⃣	`npx auto-translation`	Launch interactive setup
3️⃣	(Choose mode)	🔵 React (Web) / 📱 React Native / 🟢 Node.js (Coming soon)

💡 Remember:

Every app has the potential to go global.
Don’t let language barriers hold your code back.

👉 Try it now: GitHub Repo | NPM

⭐ If this inspires you, star the repo & let’s make internationalization effortless together!

🔥 Build boldly. Ship globally. 🌍

The Cli automates your i18n localization (REACT)!

Asad Rafi — Wed, 27 Aug 2025 09:21:52 +0000

🚀 I Built an NPM Tool That Automates React i18n in Seconds (No More Manual Translation Hell!)
Stop spending hours manually setting up internationalization. This tool does it automatically.

The Problem That Drove Me Crazy 😤
Picture this: You're working on a React project, and suddenly the client says "We need this in 5 languages by next week."
Your heart sinks because you know what's coming:

🔥 Hours of manually wrapping text in t() functions
🔥 Creating translation files from scratch
🔥 Managing unused keys that break everything
🔥 Team members accidentally mixing up i18n commands
🔥 Forgetting which files need translation updates

I've been there. We've all been there. It's 2025, why are we still doing this manually?
The Solution: Auto-Translation v2.0 ⚡
I built an NPM package that completely automates React i18n setup. Here's what it does:
bashnpx auto-translation init

Sets up your entire i18n structure in seconds

npx auto-translation scan

Finds all translation keys in your project

npx auto-translation wrap

Automatically converts plain text to t() calls

npx auto-translation ignore-init

Smart ignore system for brand names & technical terms

🎯 Key Features That Make It Special

Intelligent Mode Detection The tool automatically detects your project type and adjusts commands accordingly. No more confusion about which command to run!
Automatic Text Wrapping jsx// Before ❌
Welcome to Dashboard

Manage your account settings
Save Changes

// After ✅ (Automatically generated)

{t('welcome_to_dashboard')}

{t('manage_your_account_settings')}

{t('save_changes')}

Smart Ignore System It knows that brand names, technical terms, and code shouldn't be translated: json{ "ignoredKeys": [ "GitHub", "API", "JavaScript", "companyName" ] }
Interactive File Selection Choose exactly which files to process - no more accidentally translating config files!
Unused Key Cleanup Automatically removes dead translation keys that bloat your files. 🔥 Real Developer Testimonials

"This tool is incredible! Saved me 6 hours on our React dashboard. The mode system automatically knew what commands to run."

"The strict mode feature is genius! No more team members mixing up commands."

"Auto-wrap feature saved my project! Converted 200+ components automatically. What used to take days now takes minutes."

📊 Before vs After
TaskManual WayAuto-TranslationSetup i18n structure2-3 hours30 secondsWrap 100 components4-6 hours2 minutesFind unused keys1-2 hoursAutomaticUpdate translation files30 minutes10 seconds
🛠️ Quick Start Guide

Initialize Your Project bashnpx auto-translation init This creates your entire i18n folder structure with proper configuration.
Scan for Translation Keys bashnpx auto-translation scan Automatically finds all text that needs translation in your React components.
Wrap Plain Text (Magic!) bashnpx auto-translation wrap Converts all plain text to proper t() translation calls.
Set Up Smart Ignoring bashnpx auto-translation ignore-init Creates an ignore system for technical terms and brand names. 🎨 What Makes This Different? Other Solutions:

❌ Manual setup required
❌ No automatic text wrapping
❌ Complex configuration
❌ No team collaboration features
❌ Basic key management

Auto-Translation:
npm : https://www.npmjs.com/package/auto-translation
✅ Zero configuration needed
✅ Automatic text detection & wrapping
✅ Intelligent project detection
✅ Team-friendly with strict modes
✅ Smart key management & cleanup

🔮 What's Coming Next?

📱 React Native Mode - Mobile app i18n automation
🖥️ Node.js Backend Mode - Server-side translation management
🌐 Multi-framework Support - Vue, Angular, and more
🤖 AI-Powered Translation - Automatic language generation stay tuned

React Native devs Storm is coming

Asad Rafi — Tue, 26 Aug 2025 18:28:03 +0000

🚀 Hey React Native devs!

I’m an 18 y/o passionate developer and recently launched my first npm package:
👉 auto-translation

It’s a library that automates your localization (i18n) process.
Right now it works with React, but in just 2–3 days (v2.1) it’ll also support React Native 🎉

💡 This week we already crossed 500+ downloads — which feels huge!

🔑 What it does:

Automatically extracts translation keys from React components

Wraps them with a translation function

Generates i18n configs + JSON language files

Creates a ready-to-use folder structure

📦 Links

NPM: https://www.npmjs.com/package/auto-translation

GitHub (open source): https://github.com/asadrafi1221/auto_translate_npm_package

🙌 How you can help:

Try it out & share feedback

Suggest improvements

Contribute code (PRs welcome!)

Let’s make localization effortless together 💙

Auto-Translation: The fastest way to translate your React app !

Asad Rafi — Sat, 23 Aug 2025 11:55:48 +0000

🔥

New tool drop!

Just published Auto-Translation — make your React app multilingual in seconds, not days.

✨ Features:

1. Auto-wraps strings → t()
2. Generates & syncs locale files
3. Zero setup, one command 🚀

👉 Try it now: https://v0-landing-page-for-auto-translatio.vercel.app

📦 npm: https://www.npmjs.com/package/auto-translation

Feedback, stars ⭐, and shares mean the world 🙌

auto-translation V2 is here 🔥

Asad Rafi — Fri, 22 Aug 2025 16:31:49 +0000

🚀 auto-translation v2 – The CLI that makes i18n effortless!

Tired of manually setting up translations? This CLI tool automates everything for React:

🔥 What it does:

Extracts all text from components

Wraps with t() functions

Generates organized i18n files with a single init file

Supports multiple modes: React.js (v2), Node.js & React Native coming soon)

Each mode controls which commands you can run

React mode: init, wrap, scan, file-update

⏱️ Quick workflow:
1️⃣ npx auto-translation init → File-based setup & single file based & install dependencies setup etc .
2️⃣ import './i18n' → Root component
3️⃣ npx auto-translation wrap → Auto-wrap text
4️⃣ npx auto-translation scan → Detect new strings
5️⃣ npx auto-translation file-update → Clean & sync translations

💡 Result: Full i18n setup in 30–40 seconds instead of hours!

CLI-based, fast, and mode-aware. Perfect for React projects. ⭐
https://www.npmjs.com/package/auto-translation
https://github.com/asadrafi1221/auto_translate_npm_package

🚀 My npm package just hit 400 downloads in 3 days!

Asad Rafi — Thu, 21 Aug 2025 07:38:23 +0000

Big milestone! 🚀

Just 3 days ago, I published my first npm package:
👉 auto-translation

It’s a tool that helps developers automatically extract, manage, and organize i18n translation keys in React projects (and more support coming soon 🚀).

And today…
📈 It has already crossed 400 downloads in less than a week! 🤯

I built this package to solve my own pain with managing translations, and seeing the community embrace it so quickly is just amazing.

A huge thank you 🙏 to everyone who tried it, gave feedback, and supported me.

This is just the beginning — I have lots of improvements and new features planned, including React Native & Node support coming soon!

If you’re working with i18n in your projects, try it out and see how it can simplify your workflow:
👉 https://www.npmjs.com/package/auto-translation
👉 Explore the package & docs

you can also visit this website : https://v0-landing-page-for-auto-translatio.vercel.app/

Let’s make internationalization easier for everyone!

Stop wasting hours on i18n – I built a CLI that does it in seconds

Asad Rafi — Tue, 19 Aug 2025 20:59:27 +0000

🚀 Auto-Translation – i18n in Seconds, Not Hours

I’m Asad Rafi, an 18-year-old MERN stack & creative frontend developer.
I’m passionate about building tools that make developers’ lives easier.

One thing that always frustrated me was i18n setup:

Hours wasted creating folder structures

Manually wrapping every single string

Copy-pasting translations and still missing keys

It was boring, repetitive, and error-prone.

So I built Auto-Translation 💡 — a CLI that makes i18n setup effortless.

⚡ What used to take 3–5 hours, now takes 30 seconds.
🎯 It auto-detects strings, wraps them, and generates a full i18n structure.
📂 Clean, organized, and complete — with zero missed strings.

This is just the beginning. I want to make this the go-to i18n automation tool for developers.

✨ I’d love to connect with other passionate devs who want to contribute, improve, and push this project further.

👉 Check it out:

1.- https://github.com/asadrafi1221/auto_translate_npm_package | https://www.npmjs.com/package/auto-translation#-stats--usage
Let’s build something big together 🚀