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