React एप्लिकेशन के लिए सहज लोकलाइजेशन

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

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

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

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

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

npm install tacotranslate

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

TacoTranslate एप्लिकेशन UI के भीतर, एक प्रोजेक्ट बनाएं, और उसकी API keys टैब पर नेविगेट करें। एक read key और एक read/write key बनाएं। हम इन्हें पर्यावरण चर (environment variables) के रूप में सहेजेंगे। 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 सेट अप करना

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

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

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

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

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