React अनुप्रयोगों के लिए सहज स्थानीयकरण

क्या आप अपने 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 कुंजी बनाएं। हम इन्हें एनवायरनमेंट वेरिएबल्स के रूप में सहेजेंगे। read कुंजी को हम public कहते हैं और read/write कुंजी secret होती है। उदाहरण के लिए, आप इन्हें अपने प्रोजेक्ट की रूट में मौजूद .env फ़ाइल में जोड़ सकते हैं।

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

TACOTRANSLATE_DEFAULT_LOCALE: डिफ़ॉल्ट फॉलबैक लोकल कोड। इस उदाहरण में हम इसे अंग्रेज़ी के लिए en पर सेट करेंगे।
TACOTRANSLATE_ORIGIN: वह “फोल्डर” जहाँ आपकी स्ट्रिंग्स संग्रहीत होंगी, जैसे आपकी वेबसाइट का 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 के 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 का उपयोग करने के लाभ

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

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

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

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