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 संदर्भ प्रदात्यामध्ये गुंडाळून:

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 की चोरी करण्यापासून रोखले जाईल आणि कदाचित बेकायदेशीर स्ट्रिंग्स जोडून आपला भाषांतर प्रकल्प फुगवण्यापासून देखील प्रतिबंध होईल.