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

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

npm द्वारे TacoTranslate पॅकेज इन्स्टॉल करा:

npm install tacotranslate

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

TacoTranslate अनुप्रयोगाच्या UI मध्ये, एक प्रकल्प तयार करा आणि त्याच्या API keys टॅबवर जा. एक read की आणि एक read/write की तयार करा. आम्ही त्यांना वातावरणाच्या चल बदलांप्रमाणे जतन करू. read कीला आपण public म्हणतो आणि read/write की म्हणजे secret. उदाहरणार्थ, तुम्ही त्यांना प्रकल्पाच्या मूळ फोल्डरमधील .env फाइलमध्ये जोडू शकता.

तुम्हाला आणखी दोन पर्यावरणीय चल (environment variables) जोडण्याची देखील गरज आहे: TACOTRANSLATE_DEFAULT_LOCALE आणि TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: डीफॉल्ट फॉलबॅक लोकेल कोड. या उदाहरणात, आपण ते इंग्रजीसाठी en वर सेट करू.
• TACOTRANSLATE_ORIGIN: “फोल्डर” जिथे तुमचे स्ट्रिंग्ज संग्रहित केले जातील, जसे तुमच्या वेबसाइटचा URL. इथे ओरिजिन्सबद्दल अधिक वाचा.

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 संदर्भ प्रदात्यात wrap करा:

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

नक्कीच आमच्या GitHub प्रोफाईलवर पूर्ण उदाहरणे तपासा. जर तुम्हाला कोणतीही अडचण आली, तर कृपया मोकळ्या मनाने संपर्क करा, आणि आम्हाला मदत करण्यात आनंद होईल.

TacoTranslate तुम्हाला तुमच्या React अनुप्रयोगांचे कोणत्याही भाषेतून आणि कोणत्याही भाषेत स्वयंचलित स्थानिकीकरण करण्यास मदत करते. मुफ्त अनुवाद करा!