React अनुप्रयोगांसाठी सहज स्थानिकीकरण
तुम्ही तुमची React अॅप नवीन बाजारपेठांमध्ये विस्तारित करण्याचा विचार करीत आहात का? TacoTranslate तुमच्या React अॅपचे स्थानिकीकरण करणे अत्यंत सोपे करते, ज्यामुळे तुम्ही कोणत्याही त्रासाशिवाय जागतिक प्रेक्षकांपर्यंत पोहोचू शकता.
React साठी TacoTranslate का निवडावे?
- सुलभ समाकलन: React अनुप्रयोगांसाठी विशेषतः डिझाइन केलेले, TacoTranslate तुमच्या विद्यमान कार्यप्रवाहात सहजपणे समाकलित होते.
- स्वयंचलित स्ट्रिंग संकलन: JSON फाइल्स हाताने व्यवस्थापित करण्याची गरज नाही. TacoTranslate तुमच्या कोडबेसमधून स्ट्रिंग्स आपोआप संकलित करते.
- एआय-समर्थित अनुवाद: एआयच्या शक्तीचा उपयोग करून संदर्भानुसार अचूक आणि अनुप्रयोगाच्या टोनशी सुसंगत अनुवाद प्रदान करा.
- तत्काळ भाषा समर्थन: फक्त एका क्लिकमध्ये नवीन भाषांसाठी समर्थन जोडा, ज्यामुळे तुमचे अनुप्रयोग जागतिक पातळीवर उपलब्ध होईल.
हे कसे कार्य करते
npm द्वारे TacoTranslate पॅकेज स्थापित करा:
npm install tacotranslateमॉड्युल इन्स्टॉल केल्यानंतर, आपल्याला TacoTranslate खाते, एक अनुवाद प्रकल्प आणि संबंधित API की तयार करावी लागतील. येथे खाते तयार करा. हे मोफत आहे, आणि यासाठी आपल्याला क्रेडिट कार्ड जोडण्याची गरज नाही.
TacoTranslate अॅप्लिकेशनच्या UI मध्ये एक प्रोजेक्ट तयार करा आणि त्याच्या API कीज टॅबवर जा. एक read की आणि एक read/write की तयार करा. आम्ही त्यांना पर्यावरण चल म्हणून जतन करू. read ही की म्हणजे जी आपण public म्हणतो आणि read/write ही की म्हणजे secret. उदाहरणार्थ, तुम्ही त्यांना तुमच्या प्रोजेक्टच्या रूटमधील .env फाइलमध्ये जोडू शकता.
आपल्याला आणखी दोन पर्यावरणीय चल जोडण्याची गरज आहे: 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 संदर्भ प्रदात्यात रॅप करा:
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 की चोरू शकणार नाही आणि अनधिकृत स्ट्रिंग्ज जोडून तुमचे भाषांतर प्रकल्प फुगवले जाण्यापासून रोखता येईल.
Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.
TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!