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 वापरण्याचे फायदे

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

आजच सुरू करा!

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

आम्ही शिफारस करतो की तुम्ही एक बंद आणि सुरक्षित स्टेजिंग वातावरण ठेवा जिथे तुम्ही उत्पादन अॅप्लिकेशनची चाचणी घेऊ शकता आणि लाईव्ह होण्यापूर्वी नवीन स्ट्रिंग्स जोडू शकता. यामुळे कोणालाही तुमची गुप्त API की चोरून नेण्यापासून बचाव होईल आणि अनधिकृत स्ट्रिंग्स जोडून तुमच्या अनुवाद प्रोजेक्टचा आकार वाढण्यापासून प्रतिबंध होईल.