React యాప్‌లలో అంతర్జాతీయీకరణ (i18n) కోసం ఉత్తమ పరిష్కారం

మీ 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 ఏర్పాటు చేయడం

మీ 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 component‌లో జోడించినప్పుడు అవి స్వయంచాలకంగా అనువదించబడతాయి. గమనించండి: API కీపై read/write అనుమతులున్న వాతావరణాలే అనువాదాల కోసం కొత్త స్ట్రింగ్‌లను సృష్టించగలవు.

మేము సిఫార్సు చేస్తున్నాము: మీ ప్రొడక్షన్ అప్లికేషన్‌ను పరీక్షించడానికి, లైవ్‌కు వెళ్లే ముందు కొత్త స్ట్రింగ్‌లను జోడించేటప్పుడు ఒక మూసివేసిన మరియు భద్రపరచబడిన స్టేజింగ్ వాతావరణాన్ని ఉంచండి. ఇది ఎవరికీ మీ రహస్య API కీని దొంగిలించకుండా నిరోధిస్తుంది, అలాగే దుర్మార్గ స్ట్రింగ్‌లను జోడించడం ద్వారా మీ అనువాద ప్రాజెక్ట్ అనవసరంగా భారీగా మారకుండా ఉంటుంది.