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: ज्या “फोल्डर” मध्ये तुमच्या स्ट्रिंग्ज संग्रहित keल्या जातील, उदाहरणार्थ तुमच्या वेबसाइटचा 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 की क्लायंट-साइड production वातावरणात कधीही लीक करू नका.

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

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

आजच सुरू करा!

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

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