TacoTranslate
/
दस्तऐवजकिंमती
 
लेख
०४ मे

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

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

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

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

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

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

npm install tacotranslate

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

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

तुम्हाला अजून दोन पर्यावरण व्हेरिएबल्स जोडाव्या लागतील: TACOTRANSLATE_DEFAULT_LOCALE आणि TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: डीफॉल्ट फallback लोकेल कोड. या उदाहरणात, आपण ते 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 की चोरी होण्यापासून प्रतिबंध होईल आणि कदाचित अनधिकृत स्ट्रिंग्ज जोडून तुमच्या भाषांतर प्रकल्पाचे वाढ होणे टाळले जाईल.

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

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

Nattskiftet कडून एक उत्पादननॉर्वेमधून तयार केलेले