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

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

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

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

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

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