React ॲपमध्ये आंतरराष्ट्रीयीकरणासाठी (i18n) सर्वोत्तम उपाय

तुम्ही तुमचे React अॅप्लिकेशन नवीन बाजारपेठांमध्ये विस्तारण्याचा विचार करत आहात का? TacoTranslate तुमच्या React अॅप्सचे स्थानिकीकरण अत्यंत सोप्या पद्धतीने करते, ज्यामुळे तुम्हाला त्रास न घेता जागतिक प्रेक्षकांपर्यंत पोहोचता येतो.

React साठी TacoTranslate का निवडाल?

सुसंगत समाकलन: विशेषतः React अनुप्रयोगांसाठी डिझाइन केलेले, TacoTranslate सहजपणे तुमच्या विद्यमान कार्यप्रवाहात समाकलित होते.
स्वयंचलित स्ट्रिंग संकलन: JSON फायली हाताने व्यवस्थापित करण्याची गरज नाही. TacoTranslate आपोआप तुमच्या कोडबेसमधून स्ट्रिंग्ज गोळा करतो.
AI-शक्ती चालित भाषांतर: AI चा वापर करून तुमच्या अनुप्रयोगाच्या टोनशी सुसंगत आणि संदर्भानुकूल अचूक भाषांतर प्रदान करा.
तत्काळ भाषा समर्थन: फक्त एका क्लिकने नवीन भाषांसाठी समर्थन जोडा, ज्यामुळे तुमचा अनुप्रयोग जागतिक स्तरावर प्रवेशयोग्य होतो.

हे कसे कार्य करते

npm द्वारे TacoTranslate पॅकेज स्थापित करा:

npm install tacotranslate

जेव्हा तुम्ही मॉड्यूल इंस्टॉल केलेले असेल, तेव्हा तुम्हाला TacoTranslate खाते, एक भाषांतर प्रकल्प, आणि संबंधित API की तयार करावी लागतील. येथे खाते तयार करा. हे मोफत आहे, आणि तुम्हाला क्रेडिट कार्ड जोडण्याची गरज नाही.

TacoTranslate ऍप्लिकेशन UI मध्ये, एक प्रकल्प तयार करा आणि त्याच्या API कीज टॅबवर जा. एक read की तयार करा, आणि एक read/write की तयार करा. आम्ही त्यांना पर्यावरण चल म्हणून जतन करणार आहोत. read कीला आपण public असे म्हणतो आणि read/write की secret आहे. उदाहरण म्हणून, आपण त्यांना आपल्या प्रकल्पाच्या मुळातल्या .env फाइलमध्ये जोडू शकता.

तुम्हाला आणखी दोन environment variables जोडण्याची गरज आहे: 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 वापरण्याचे फायदे

वेळ वाचविणे: स्थानिकीकरण आणि स्ट्रिंग संकलनाची कंटाळवाणी प्रक्रिया स्वयंचलित करते, ज्यामुळे आपला मौल्यवान वेळ वाचतो.
किंमतीत बचत: मनुष्यबळाने केलेल्या अनुवादाची आवश्यकता कमी करते, ज्यामुळे आपला स्थानिकीकरण खर्च कमी होतो.
अचूकतेत सुधारणा: AI-ने चालवलेले अनुवाद संदर्भानुसार अचूक आणि उच्च दर्जाचे निकाल सुनिश्चित करतात.
विस्तारण्यायोग्य उपाय: आपल्या अनुप्रयोग आणि ग्राहक आधार वाढताना नवीन भाषांसाठी सहजपणे समर्थन जोडा.

आजच सुरू करा!

आपले React ऍप्लिकेशन आपोआप भाषांतरित होईल जेव्हा आपण Translate कॉम्पोनंटमध्ये कोणतेही स्ट्रिंग्स जोडता. लक्षात ठेवा की फक्त अशाच वातावरणाला ज्यांकडे API कीवर read/write परवानग्या आहेत, नवीन स्ट्रिंग्स तयार करण्याची परवानगी मिळेल.

आम्ही शिफारस करतो की तुम्ही एक बंद आणि सुरक्षित स्टेजिंग वातावरण ठेवा जिथे तुम्ही तुमचे उत्पादनाचा अॅप्लिकेशन तपासू शकता, आणि लाइव्ह जाण्यापूर्वी नवीन स्ट्रिंग्स जोडू शकता. हे कोणालाही तुमची गुप्त API की चोरण्यापासून रोखेल आणि गैरवापर करणार्‍या स्ट्रिंग्स जोडून तुमच्या भाषांतर प्रकल्पाचे फुगणे टाळेल.