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 की तयार करा. आम्ही त्यांना environment variables म्हणून जतन करू. 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 कॉन्टेक्स्ट प्रोव्हायडरने रॅप करा:

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