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

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

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

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

हे कसे काम करते

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