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

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

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

నిరంతర సమ్మిళనం: రియాక్ట్ యాప్లికేషన్ల కోసం ప్రత్యేకంగా రూపకల్పన చేయబడి, 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: డిఫాల్ట్ fallback స్థానికీకరణ కోడ్. ఈ ఉదాహరణలో, మనం దీన్ని 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 కీని దొంగిలించే అవకాశాన్ని నిరోధిస్తుంది మరియు అనధికార స్ట్రింగ్స్ జోడించడం ద్వారా మీ అనువాద ప్రాజెక్టును భారీగా మారటాన్ని నివారించుతుంది.