TacoTranslate
/
డాక్యుమెంటేషన్ధరలు
 
వ్యాసము
04 మే

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 కీ సృష్టించండి. మేము వాటిని యంత్ర పరిసర మార్పిడిలుగా సేవ్ చేస్తాము. 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 కీని దొంగలించడానికి, మరియు అనధికార స్ట్రింగ్‌లు జతచేసి మీ అనువాద ప్రాజెక్టును అవసరానికి మించిపోయేలా చేయకుండా అరికడుతుంది.

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!

Nattskiftet నుండి ఉత్పత్తినార్వేలో తయారు చేయబడింది