React ऐप्स में अंतर्राष्ट्रीयकरण (i18n) के लिए सर्वोत्तम समाधान

क्या आप अपने React एप्लिकेशन को नए बाजारों में विस्तार करना चाहते हैं? TacoTranslate आपके React ऐप्स को स्थानीयकृत करना बेहद आसान बनाता है, जिससे आप बिना किसी परेशानी के एक वैश्विक दर्शकों तक पहुंच सकते हैं।

React के लिए TacoTranslate क्यों चुनें?

सुगम एकीकरण: विशेष रूप से React अनुप्रयोगों के लिए डिज़ाइन किया गया, TacoTranslate आपके मौजूदा कार्यप्रवाह में बिना किसी परेशानी के एकीकृत हो जाता है।
स्वचालित स्ट्रिंग संग्रहण: JSON फ़ाइलों को मैन्युअल रूप से प्रबंधित करने की जरूरत नहीं। TacoTranslate आपके कोडबेस से स्वचालित रूप से स्ट्रिंग्स संग्रहीत करता है।
AI-संचालित अनुवाद: अपने अनुप्रयोग की टोन के अनुसार सटीक और संदर्भानुसार अनुवाद प्रदान करने के लिए AI की शक्ति का उपयोग करें।
तत्काल भाषा समर्थन: सिर्फ एक क्लिक में नई भाषाओं के लिए समर्थन जोड़ें, जिससे आपका अनुप्रयोग वैश्विक रूप से सुलभ हो जाए।

यह कैसे काम करता है

npm के माध्यम से TacoTranslate पैकेज स्थापित करें:

npm install tacotranslate

जब आप मॉड्यूल इंस्टॉल कर लेते हैं, तो आपको एक TacoTranslate खाता, एक अनुवाद परियोजना, और संबंधित API कुंजी बनानी होगी। यहाँ खाता बनायें। यह मुफ्त है, और आपको क्रेडिट कार्ड जोड़ने की ज़रूरत नहीं है।

TacoTranslate एप्लिकेशन UI के भीतर, एक प्रोजेक्ट बनाएं, और इसके API keys टैब पर जाएं। एक read की और एक read/write की बनाएं। हम इन्हें पर्यावरण चर (environment variables) के रूप में संग्रहीत करेंगे। read की को हम public कहते हैं और read/write की को secret कहते हैं। उदाहरण के लिए, आप इन्हें अपने प्रोजेक्ट के रूट में स्थित .env फ़ाइल में जोड़ सकते हैं।

आपको दो और पर्यावरण चर जोड़ने होंगे: TACOTRANSLATE_DEFAULT_LOCALE और TACOTRANSLATE_ORIGIN।

TACOTRANSLATE_DEFAULT_LOCALE: डिफ़ॉल्ट फॉलबैक्स लोकेल कोड। इस उदाहरण में, हम इसे अंग्रेज़ी के लिए en सेट करेंगे।
TACOTRANSLATE_ORIGIN: वह “फ़ोल्डर” जहाँ आपकी स्ट्रिंग्स संग्रहीत होंगी, जैसे कि आपकी वेबसाइट का URL। यहाँ ओरिजिन के बारे में और पढ़ें।

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

सुनिश्चित करें कि आप कभी भी गुप्त read/write API कुंजी को क्लाइंट साइड प्रोडक्शन वातावरण में लीक न करें।

TacoTranslate सेटअप करना

अपने React एप्लिकेशन में TacoTranslate को इनिशियलाइज़ करें, अपने एप्लिकेशन को TacoTranslate context provider में रैप करके:

import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';

const tacoTranslate = createTacoTranslateClient({
	apiKey: 'YOUR_API_KEY',
});

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

अब आप अपने आवेदन में कहीं भी Translate घटक का उपयोग करके अनुवादित पाठ प्रदर्शित कर सकते हैं! अधिक जानकारी और आपके सेटअप के लिए विशिष्ट कार्यान्वयन मार्गदर्शिकाएँ प्राप्त करने के लिए हमारा डाक्यूमेंटेशन अवश्य देखें।

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate का उपयोग करने के लाभ

समय की बचत: स्थानीयकरण और स्ट्रिंग्स संग्रह की थकाऊ प्रक्रिया को स्वचालित करता है, जिससे आपका कीमती समय बचता है।
लागत-कुशल: मैन्युअल अनुवादों की आवश्यकता को कम करता है, जिससे आपके स्थानीयकरण की लागत घटती है।
सुधरी हुई सटीकता: एआई से संचालित अनुवाद संदर्भ के अनुसार सटीक और उच्च गुणवत्ता वाले परिणाम सुनिश्चित करते हैं।
विस्तार योग्य समाधान: जैसे-जैसे आपका एप्लीकेशन और ग्राहक आधार बढ़ता है, नई भाषाओं के लिए समर्थन आसानी से जोड़ें।

आज ही शुरू करें!

जब आप Translate कंपोनेंट में कोई भी स्ट्रिंग जोड़ेंगे, तो आपका React एप्लिकेशन स्वतः ही अनुवादित हो जाएगा। ध्यान दें कि केवल उन्हीं वातावरणों में, जिनके पास API कुंजी पर read/write अनुमतियाँ हों, नए अनुवाद योग्य स्ट्रिंग्स बनाने में सक्षम होंगे।

हम सुझाव देते हैं कि आपका एक बंद और सुरक्षित स्टेजिंग वातावरण हो जहाँ आप अपने उत्पादन एप्लिकेशन का परीक्षण कर सकें, और लाइव जाने से पहले नए स्ट्रिंग्स जोड़ सकें। इससे कोई भी आपका गुप्त API कुंजी चुराने से बच सकेगा, और अनचाहे स्ट्रिंग्स जोड़कर आपके अनुवाद प्रोजेक्ट को अनावश्यक रूप से बढ़ाने से रोका जा सकेगा।