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

React అనువర్తనాలకు కష్టరహిత స్థానీకరణ

మీరు మీ React అప్లికేషన్‌ను కొత్త మార్కెట్లకు విస్తరించాలనుకుంటున్నారా? TacoTranslate మీ React యాప్‌లను స్థానికీకరించడం అత్యంత సులభం చేస్తుంది, ఇబ్బందులేకుండా మీరు ప్రపంచవ్యాప్తంగా ప్రేక్షకులను చేరుకోవచ్చు.

React కోసం TacoTranslate‌ను ఎందుకు ఎంచుకోవాలి?

  • సాఫీగా ఏకీకరణ: React అప్లికేషన్ల కోసం ప్రత్యేకంగా రూపొందించబడిన TacoTranslate మీ ప్రస్తుత వర్క్‌ఫ్లోలో సులభంగా ఏకీకరిస్తుంది.
  • స్వయంచాలక స్ట్రింగ్ సేకరణ: ఇక JSON ఫైళ్లను మానవీయంగా నిర్వహించాల్సిన అవసరం లేదు. TacoTranslate మీ కోడ్‌బేస్ నుండి స్ట్రింగ్‌లను ఆటోమేటిక్‌గా సేకరిస్తుంది.
  • AI-ఆధారిత అనువాదాలు: మీ అప్లికేషన్ టోన్‌కు సరిపోయే, సందర్భానుకూలంగా ఖచ్చితమైన అనువాదాలు అందించడానికి AI శక్తిని వినియోగించండి.
  • తక్షణ భాషా మద్దతు: కేవలం ఒక క్లిక్‌తో కొత్త భాషలకు మద్దతు జోడించండి, తద్వారా మీ అప్లికేషన్ ప్రపంచవ్యాప్తంగా అందుబాటులో ఉంటుంది.

ఇది ఎలా పని చేస్తుంది

npm ద్వారా TacoTranslate ప్యాకేజీని ఇన్‌స్టాల్ చేయండి:

npm install tacotranslate

మాడ్యూల్ ఇన్‌స్టాల్ చేసిన తర్వాత, మీరు TacoTranslate ఖాతాను, ఒక అనువాద ప్రాజెక్టును, మరియు సంబంధిత API కీలు సృష్టించుకోవాల్సి ఉంటుంది. ఇక్కడ ఖాతాను సృష్టించండి. ఇది ఉచితం, మరియు మీరు క్రెడిట్ కార్డ్‌ను జత చేయాల్సిన అవసరం లేదు.

TacoTranslate అనువర్తన UIలో, ఒక ప్రాజెక్ట్‌ను సృష్టించి, దాని API keys ట్యాబ్‌కు నావిగేట్ చేయండి. ఒక read కీ మరియు ఒక read/write కీ సృష్టించండి. వాటిని పర్యావరణ వేరియబుల్స్‌గా保存 చేస్తాము. read కీని మేము public అని పిలుస్తాము, మరియు read/write కీ secret అని పిలవబడుతుంది. ఉదాహరణకి, మీరు వాటిని మీ ప్రాజెక్ట్ రూట్‌లోని .env ఫైల్‌లో జోడించవచ్చు.

మీకు ఇంకా రెండు పర్యావరణ వేరియబళ్లు జోడించాల్సి ఉంటుంది: TACOTRANSLATE_DEFAULT_LOCALE మరియు TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: డిఫాల్ట్ ఫాల్‌బ్యాక్ లోకేల్ కోడ్. ఈ ఉదాహరణలో, దీన్ని en (ఇంగ్లీష్) గా సెట్ చేస్తాము.
  • TACOTRANSLATE_ORIGIN: మీ స్ట్రింగ్‌లు నిల్వ చేయబడే "ఫోల్డర్", ఉదాహరణకు మీ వెబ్‌సైట్ యొక్క URL. ఇక్కడ Origins గురించి మరింత చదవండి.
.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 సెటప్ చేయడం

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

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 నుండి వచ్చిన ఉత్పత్తినార్వేలో తయారైంది