React ऐप्स में अंतरराष्ट्रीयकरण (i18n) के लिए सबसे अच्छी समाधान

क्या आप अपने 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। यहाँ 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 एप्लिकेशन स्वचालित रूप से अनुवादित हो जाएगा। ध्यान दें कि केवल वे पर्यावरण जिनके पास read/write अनुमतियाँ हैं, वे नए अनुवादित करने योग्य स्ट्रिंग्स बना सकेंगे।

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