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 फाईलमध्ये जोडू शकता.

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

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

आजच सुरुवात करा!

आपले React अनुप्रयोग Translate घटकात कोणतीही स्ट्रिंग्ज जोडल्यावर स्वयंचलितपणे अनुवादित होईल. लक्षात घ्या की API कीवर read/write परवानग्या असलेलीच वातावरण अनुवादासाठी नवीन स्ट्रिंग्ज तयार करू शकतील.

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