React अॅप्ससाठी आंतरराष्ट्रीयीकरण (i18n) चे सर्वोत्तम समाधान

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