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

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

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

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

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

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

npm install tacotranslate

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

TacoTranslate एप्लिकेशन UI में एक प्रोजेक्ट बनाएं और इसके API keys टैब पर जाएँ। एक read key और एक read/write key बनाएं। हम इन्हें पर्यावरण चर के रूप में सहेजेंगे। read key को हम public कहते हैं और read/write key 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 संदर्भ प्रदाता में रैप करके:

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