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। ऑरिजिन के बारे में यहाँ और पढ़ें।

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