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 గురించి మరింత చదవండి.
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!