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

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

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

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

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

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: वह “folder” जहाँ आपकी स्ट्रिंग्स संग्रहीत की जाएँगी, जैसे आपकी वेबसाइट का URL। यहाँ origins के बारे में और पढ़ें।

.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 संदर्भ प्रदाता में लपेटकर:

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 कुंजी चुराने से रोकेगा, और संभावित रूप से अनधिकृत स्ट्रिंग्स जोड़कर आपके अनुवाद प्रोजेक्ट को अनावश्यक रूप से बढ़ाने से भी बचाएगा।