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