React अनुप्रयोगांसाठी सुलभ स्थानिकीकरण

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

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

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

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

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

npm install tacotranslate

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

TacoTranslate अनुप्रयोगाच्या UI मध्ये एक प्रकल्प तयार करा आणि त्याच्या API keys टॅबवर जा. एक 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 संदर्भ प्रदात्यात गुंडाळा:

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