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

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

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

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

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

npm के माध्यम से TacoTranslate पैकेज इंस्टॉल करें:

npm install tacotranslate

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

TacoTranslate एप्लिकेशन UI में एक प्रोजेक्ट बनाएं और इसके API keys टैब पर जाएँ। Create one read key, and one read/write key। हम उन्हें environment variables के रूप में सहेजेंगे। The read key को हम public कहते हैं और read/write key 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 सेटअप करना

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

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 का उपयोग करने के लाभ

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

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

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

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